屏幕定位API用于旋转屏幕

　　屏幕定位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.ytdns.net/jianzhanzhishi/1036.html 屏幕定位API用于旋转屏幕