网络浏览器: Difference between revisions

Syphurith (talk | contribs)
m help translation
T (talk | contribs)
fin
Line 56: Line 56:
==Tips==
==Tips==


=== User Agent ===
=== User Agent检测 ===


探测Nintendo 3DS浏览器的User Agent的代码:
检测User Agent是不是任天堂3DS浏览器 :


  <script type="text/javascript">
  <script type="text/javascript">
     if (navigator.userAgent.indexOf('Nintendo 3DS') == -1) { //如果UserAgent不是"Nintendo 3DS"
     if (navigator.userAgent.indexOf('Nintendo 3DS') == -1) { //如果 UserAgent 不是 "Nintendo 3DS"
         location.replace('http://www.3dbrew.org'); //跳转到另一个页面
         location.replace('http://www.3dbrew.org'); //重定向到其他页面
     }
     }
  </script>
  </script>


* 你也可以用 <em>navigator.platform=="Nintendo 3DS"</em> 来判断。
* 你也可以检测 <em>navigator.platform=="Nintendo 3DS"</em>  


=== 滚动条 ===
=== 滚动 ===


可以修改<em>document.body.scrollTop</em> and <em>document.body.scrollLeft</em>调整滚动条的位置。不过使用这些属性时候,相关细节需要注意:
滚动修改document.body.scrollTop和document.body.scrollLeft可以改变。然而,也有不足有关使用这些属性:


* 访问时候两个属性都会返回0。
这两个属性访问时,返回0
* 设置其中一个属性,会重置另一个属性的位置。
其他财产的滚动条的位置设置一个属性重置
为了都设置在同一时间的情况下,复位为0,中,使用window.scrollTo。


想要同时调整两者而不使他们的都重置为0,使用<em>window.scrollTo</em>这个方法。
 
可以通过 <em>document.body.scrollTop</em> 和 <em>document.body.scrollLeft</em> 改变滚动的位置。然而,使用这些属性也有不足之处:
 
* 访问这两个属性时均返回0
* 设置一个滚动条时改变了另一个滚动条的位置
 
为了同时设置两个滚动条的位置,(而不是把其中一个置零),可以使用<em>window.scrollTo</em>.


=== 事件 ===
=== 事件 ===
Line 98: Line 105:


==== 触摸/鼠标事件 ====
==== 触摸/鼠标事件 ====
<em>onmousedown</em>, <em>onmouseup</em> & <em>onclick</em> 都是浏览器触发的事件。但是<em>onmousedown</em>事件只有你抬起手写笔,或者长按两秒以上才会发生。屏幕上的文本选择模式被激活时,这和<em>onmouseup</em>事件的效果相同。这些事件也不能取消默认动作。
<em>onmousedown</em>, <em>onmouseup</em> <em>onclick</em> 都是浏览器触发的事件。但是<em>onmousedown</em>事件只有你抬起手写笔,或者长按两秒以上才会发生。屏幕上的文本选择模式被激活时,这和<em>onmouseup</em>事件的效果相同。这些事件也不能取消默认动作。


<em>onmousemove</em> 和触摸、手势事件不被支持。
<em>onmousemove</em> 和触摸、手势事件不被支持。
Line 136: Line 143:
这样如果用户不小心滚动了页面,页面能够自动复位。
这样如果用户不小心滚动了页面,页面能够自动复位。


==Example Sites==
== 示例网站 ==
<!-- If you have a website that demonstrates these techniques, place it here! -->
<!-- If you have a website that demonstrates these techniques, place it here! -->
* [http://geekshadow.com/gaming/dev/weaponscolors/3DS/ Weapons and Colors] (Short URL for 3DS : http://bit.ly/3DSwc)
* [http://geekshadow.com/gaming/dev/weaponscolors/3DS/ Weapons and Colors] (短网址 : http://bit.ly/3DSwc)
* [http://3ds.andysmith.co.uk/jFox.html jFox] (Short URL for 3DS : http://bit.ly/iB7FqW)
* [http://3ds.andysmith.co.uk/jFox.html jFox] (短网址 : http://bit.ly/iB7FqW)
* [http://ditto3d.com/3ds Ditto3D]
* [http://ditto3d.com/3ds Ditto3D]
* [http://www.nintendo.com/3ds/internetbrowser/bookmarks Nintendo 3DS Bookmarks] - This is the first bookmark pre-installed in the browser.
* [http://www.nintendo.com/3ds/internetbrowser/bookmarks Nintendo 3DS Bookmarks] - 这是浏览器预置的第一个书签