屏幕定位API使用JavaScript旋轉屏幕

　　媒體查詢允許網站，具體取決于智能手機或平板電腦屏幕的方向。但有時你可能希望你的網站鎖定在一個特定的方向，縱向或橫向。在這種情況下，可以指定本地應用程序的格式。應用程序將僅以預設格式ndash顯示；獨立于實際的定位裝置。通過使用HTML5屏幕定位API，可以在JavaScript中定義屏幕方向。

　　定義文檔的屏幕方向

　　屏幕方向可通過屏幕調節orientation屬性和鎖（）。方法的默認值為ldquo；任何“或”或“或”或“或”或“任何”；。這使得設備適合于任何方向，這取決于設備的物理位置。價值ldquo；“自然的。”網站顯示設備的自然方向，該方向隨設備而異。智能手機通常采用縱向模式，而電影則采用橫向模式。

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

　　當然，屏幕方向API也允許您定義個人方向。您可以選擇四個值，包括移動設備、所有可能的方向。它們是：ldquo；肖像，肖像“和；主力ldquo；中ldquo；景觀所有者；，ldquo;中學和ldquo;中學；。

　　屏幕方向。鎖（ldquo；就像上帝的名字）；類似地，ldquo;中學橫向“；和ldquo；景觀以180度為主；旋轉。

　　也可以使用ldquo；“主”和；和ldquo；“二級”和；，聯合使用ldquo；肖像畫；或ldquo；“景觀”和；是關鍵詞。這使設備顯示方向模式。

　　如果要刪除定義的方向，則稱為unlock（）方法。

　　屏幕方向。解鎖（）；廣告

　　僅全屏模式

　　定位要求由屏幕定義orientation. 首先，lock（）只能在瀏覽器切換到全屏模式requestfullscreen時通過。第二個要求密切相關：**個要求用戶要求全屏模式，而不是自動啟動，這也適用于屏幕定位API。

　　因此，應該綁定該方法以單擊事件調用。

　　文件使用者（ldquo；按鈕”和“按鈕”）。注冊偵聽器（ldquo；單擊“to；”；，函數（）{文件文檔元素requestfullscreen（）；屏幕方向。鎖（ldquo；就像上帝（上帝），虛假的）；使用lock（）方法啟動全屏模式非常重要，如上面的示例所示。全屏模式結束時解除鎖定定位。

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

　　閱讀導向

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

　　報警（屏幕方向。類型）；但也可以使用“角度”屬性來顯示方位角。

　　報警（屏幕方向）。角度）；0度；角度對應自然趨勢，主要為ldquo；肖像所有者；智能手機。90度；對應于”；景觀小學；，180度；ldquo; 從肖像中學習；，和ldquo；270度；中學景觀；。這取決于設備的角度，可以表示不同的角度關鍵詞。

　　為了查詢和定位，瀏覽器需要在全屏模式下運行。

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

　　屏幕方向。注冊號偵聽器（ldquo）；改變；，功能（E）{報警（屏幕方向）。類型+ ldquo；rdquo；+屏幕方向。角度）；}，假）；每次改變位置都會觸發一個警報，顯示當前位置為關鍵詞和角度。

　　瀏覽器支持

　　屏幕定位API支持Chrome和Opera25+38+無前綴供應商。當然，API只能在移動設備上使用。您可以使用if語句來確定瀏覽器是否支持API。

　　If（ldquo）；定位；進入屏幕）{hellip；}然后，您可以顯示瀏覽器不支持將設備轉到特定方向的通知API。此外，桌面瀏覽器不支持API，并且如果在此查詢API中調用它，則不會顯示錯誤消息。

　　屏幕方向相對較新API。API使用了許多不同的方法來命名開發的早期階段。例如：lockorientation（）代替lock（），lockunlockorientation（）代替unlock（）。不應使用舊名稱Chrome和Opera。

　　它們在Internet Explorer11和Firefox33+中得到支持；但是，它們需要適當的前綴ndashMSInternet Explorer、FirefoxMOZ

　　屏幕MS鎖定orientation。鎖（ldquo）；像上帝一樣；屏幕MOZ鎖定orientation。鎖（ldquo）；像上帝一樣；檢測到方向更改的事件的名稱也與當前API名稱不同。代替ldquo；改變；，您需要使用ldquo；適當的前綴orientationchangerdquo；。

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

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

　　謝潑德相關推薦：網站設計文字編排可讀性HTML5網頁設計日本很好網頁創意賞析設計創意賞析推薦網頁設計3本新書網頁設計圖標免費下載

http://www.dgzxsm168.com/jianzhanzhishi/1036.html 屏幕定位API用于旋轉屏幕