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

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

　　定義文檔的屏幕方向

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

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

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

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

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

　　如果要刪除定義的方向，則稱(chēng)為unlock（）方法。

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

　　僅全屏模式

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

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

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

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

　　閱讀導向

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

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

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

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

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

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

　　瀏覽器支持

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

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

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

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

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

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

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

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

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