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

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

　　定義文檔的屏幕方向

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

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

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

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

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

　　如果要?jiǎng)h除定義的方向，則稱為unlock（）方法。

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

　　僅全屏模式

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

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

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

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

　　閱讀導(dǎo)向

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

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

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

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

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

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

　　瀏覽器支持

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

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

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

　　它們?cè)贗nternet Explorer11和Firefox33+中得到支持；但是，它們需要適當(dāng)?shù)那熬YndashMSInternet Explorer、FirefoxMOZ

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

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

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

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

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