移动浏览器Meta和Javascript

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动浏览器Meta和Javascript相关的知识,希望对你有一定的参考价值。

  1. <meta name="HandheldFriendly" content="True">
  2. <meta name="MobileOptimized" content="320"/>
  3. <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  4. <meta name="apple-mobile-web-app-capable" content="yes" />
  5. <meta names="apple-mobile-web-app-status-bar-style" content="black" />
  6. <link rel="apple-touch-startup-image" href="images/startup.png" />
  7. <link rel="apple-touch-icon" href="images/touch-icon.png" />
  8. <meta name="robots" content="noarchive,noindex,nofollow">
  9.  
  10. jQuery(function() {
  11. /mobile/i.test(navigator.userAgent) && document.documentElement.scrollTop === 0 && !pageYOffset && !location.hash && setTimeout(function () {
  12. window.scrollTo(0, 1);
  13. }, 1000);
  14. });

以上是关于移动浏览器Meta和Javascript的主要内容,如果未能解决你的问题,请参考以下文章

移动端UC浏览器和QQ浏览器的部分私有meta属性

meta viewport设置移动端自适应

使用视 meta 标签来控制手机浏览器布局

如何用JavaScript判断前端应用运行环境(移动平台还是桌面环境)

移动平台对 META 标签的定义

移动端手机web前端meta通用设置