网站建设

结合设计经验与营销实践,提供有价值的企业营销资讯

首页 > 新闻资讯 > 网站建设

屏幕定位API用于旋转屏幕

2017/10/30 10:22:40 来源:深圳网站建设

  屏幕定位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用于旋转屏幕

特别声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:0755-85297058;邮箱:2295772445#qq.com (#替换成@)。

标签:

QQ咨询
微信咨询
微信咨询
电话咨询
周一至周五 9:00-18:00
135-1055-3738
回顶部