屏幕定位API使用JavaScript來旋轉屏幕接下來我們講析顯示屏精準定位API應用來旋轉屏幕，不會的來了解一下呀。

顯示屏精準定位API應用來旋轉屏幕：

媒體查詢允許網站，具體取決于智能手機或平板電腦的屏幕方向。但有時您可能希望將您的網站垂直或水平鎖定到特定方向。在這種情況下，可以指定本機應用程序的格式。該應用程序僅以預設格式顯示 - 獨立于實際定位設備。通過使用HTML5屏幕定位API，您可以在JavaScript中定義屏幕方向。

定義文檔的屏幕方向

可以通過screen.orientation屬性和lock（）方法調整屏幕方向。此方法的默認值為“any”。這使得該設備適合于任何方向，具體取決于設備的物理位置。 “自然”的網站以設備的自然方向顯示，因設備而異。智能手機通常使用縱向模式，而平板電腦更喜歡橫向模式。

屏幕方向。鎖（“自然”）;在上面的例子中，設備的自然方向。

當然，屏幕方向API還允許您定義個人方向。您可以在四個值之間進行選擇，包括移動設備，所有可能的方向。這些是“肖像，肖像”的主要“中等和第二”。

屏幕方向。鎖（“圖像大師”）;同樣，“中學景觀”和“景觀主要在180度旋轉。

您還可以使用“肖像”或“橫向”作為關鍵字，而不是“主要”和“次要”。這允許設備顯示定向模式。

如果要刪除已定義的方向，請調用unlock（）方法。

屏幕方向。開鎖 （）;廣告

僅限全屏模式

屏幕定義了定位要求。取向。首先，只有當瀏覽器通過requestfullscreen（）切換到全屏模式時，lock（）才會鎖定。第二個要求密切相關：第一個要求是全屏模式需要用戶請求而不是自動啟動，這也適用于屏幕定位API。

因此，您應該將方法click事件綁定到調用。

文件消費者（“按鈕”）。注冊監聽器（“click”，function（）{file document element] .requestfullscreen（）; screen orientation.Lock（“like the屏幕定位API使用來旋轉屏幕 main”）;}，false）;通過應用lock（）方法啟動全屏模式非常重要，如上例所示。全屏模式結束將釋放鎖定位。

如果您在瀏覽器中打開新文檔，例如，當您調用鏈接時，定義的方向將以全屏模式結束。屏幕定位API僅在當前HTML文檔中。

閱讀方向

您并不總是想要預先定義方向。有時您只想知道智能手機或平板電腦的位置。在這種情況下，您可以讓屏幕定位API讀取方向。 type屬性顯示定位關鍵字。

警報（屏幕方向。類型）;但您也可以使用angle屬性來顯示方位角。

警報（屏幕方向。角度）; 0角對應自然趨勢，主要是“肖像大師”智能手機。 90對應“風景小學”，180“肖像中學”和“270中學風景”。它取決于設備的角度，可以代表不同的關鍵字。

為了查詢位置，瀏覽器需要以全屏模式運行。

也可以傳遞改變屏幕方向的事件。只需添加addeventlistener（）和功能定位性能即可。

屏幕方向。注冊監聽器（“更改”，功能（E）{報警（屏幕方向。類型+“”+屏幕方向。角度）;}，false）;定位中的每次更改都會觸發警報，該警報會將當前位置顯示為關鍵字和角度。

瀏覽器支持

Screen Positioning API支持Chrome和Opera 25 + 38+供應商，不帶前綴。當然，移動設備上的API僅可用。您可以使用if語句來確定瀏覽器是否支持API。

如果（“定位”進入屏幕）{.}然后，您可以顯示瀏覽器不支持手動將設備轉換為特定方向API的通知。此外，如果在此查詢API中調用，則桌面瀏覽器不支持的API不會顯示錯誤消息。

屏幕方向是一個相對較新的API。 API在早期開發階段使用了一些不同的方法名稱。例如：lockorientation（）替換lock（）和unlockorientation（）而不是unlock（）。您不應該將舊名稱用于Chrome和Opera。

Internet Explorer 11和Firefox 33+支持這些功能;但是，它們需要適當的前綴 - MS Internet Explorer，Firefox MOZ。

屏幕mslockorientation。鎖（“像主要”）;屏幕mozlockorientation。鎖（“像主要”）;檢測

如果要覆蓋所有瀏覽器，則別無選擇，只能使用舊名稱和新名稱，并注意供應商前綴舊名稱。

使用屏幕定位API時應該記住的最后一件事：它只能用于全屏API，不應該用于網站或類似的設計。對于需要全屏模式的瀏覽器游戲或其他應用程序更好。

相信讀過上文，各位已經知道顯示屏精準定位API應用來旋轉屏幕了吧，已經在上文教授了大家，相信各位在看完之后一定能夠盡快學會，還望大家重視起來。