屏幕定位API使用JavaScript旋轉(zhuǎn)屏幕

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

　　定義文檔的屏幕方向

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

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

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

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

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

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

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

　　僅全屏模式

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

　　因此，應(yīng)該綁定該方法以單擊事件調(diào)用。

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

　　如果您在瀏覽器中，打開一個新文檔例如，當您調(diào)用鏈接時，定義的方向?qū)⒁匀聊Ｊ浇Y(jié)束。屏幕定位API僅在當前HTML文檔中可用。

　　閱讀導向

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

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

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

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

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

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

　　瀏覽器支持

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

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

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

　　它們在Internet Explorer11和Firefox33+中得到支持；但是，它們需要適當?shù)那熬YndashMSInternet Explorer、FirefoxMOZ

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

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

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

　　謝潑德相關(guān)推薦：網(wǎng)站設(shè)計文字編排可讀性HTML5網(wǎng)頁設(shè)計日本很好網(wǎng)頁創(chuàng)意賞析設(shè)計創(chuàng)意賞析推薦網(wǎng)頁設(shè)計3本新書網(wǎng)頁設(shè)計圖標免費下載

http://79806.xyz/jianzhanzhishi/1036.html 屏幕定位API用于旋轉(zhuǎn)屏幕