`
Hooopo
  • 浏览: 335174 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Window Resizer + Chrome来测试手机页面

    博客分类:
  • HTML
阅读更多
1.安装chrome和chrome插件 window resizer
window resizer地址:
https://chrome.google.com/extensions/detail/kkelicaakdanhinjdeammmilcgefonfh?hl=zh-tw

2.启动chrome:

谷歌Android:
/usr/bin/chromium-browser --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"



苹果iPhone:
/usr/bin/chromium-browser --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"



诺基亚N97:
/usr/bin/chromium-browser --user-agent="Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124"


更多款手机的User-Agent:http://www.zytrax.com/tech/web/mobile_ids.html

ps:windows下加将/usr/bin/chromium-browser 换成chrome.exe
2
0
分享到:
评论

相关推荐

    Window Resizer1.9.1.4

    一款可以设置浏览器窗口大小的Chrome扩展,用户安装了window resizer插件后可以快速调节chrome的窗口大小,用户可以将窗口调节为320x480、480x800、1024x768等大小,也可以选择自定义浏览器窗口的尺寸。资源链接:...

    Window Resizer 1.9.0

    **Window Resizer 1.9.0:Chrome 浏览器窗口调整工具** Window Resizer 是一款专为谷歌浏览器(Chrome)设计的扩展程序,版本号1.9.0。这款实用工具的主要功能是帮助用户快速调整浏览器窗口的大小,以适应不同的...

    Window Resizer-crx插件

    Window Resizer是一款针对Google Chrome浏览器的插件,其主要功能是帮助用户快速调整浏览器窗口的大小。这款插件尤其适用于Web开发者、设计师以及对网页布局有特定需求的用户。通过提供预设的窗口尺寸,Window ...

    WindowResizer-crx插件

    但是,由于安全原因,直接安装CRX文件可能会被现代浏览器阻止,因此建议用户通过Chrome网上应用店来安装官方版本的WindowResizer,以确保获得最新的更新和安全修复。 在实际使用中,WindowResizer可以通过快捷键或...

    谷歌浏览器窗口大小调节

    WindowResizer提供了多种常见设备的屏幕分辨率模板,如iPhone、iPad、Android手机和平板,以及桌面电脑的分辨率,只需一键就能快速切换。 安装WindowResizer插件的方法如下: 1. 打开Chrome浏览器的扩展程序管理...

    窗口调整器「Window Resizer」-crx插件

    来源:https://github.com/LawfulGood/WindowResizer Lawful Good是一套Google Chrome插件,可提供急需的开发人员和用户功能,而不会因间谍软件,恶意软件或其他垃圾而堵塞浏览器。 支持语言:English (United ...

    Chrome分辨率插件

    这款插件的安装过程相对简单,只需要将Window Resizer_1_9_1_4_.crx文件拖拽到打开的Chrome浏览器窗口即可。当然,用户需要确保他们的浏览器已经启用了开发者模式,因为通常Chrome会阻止直接安装CRX格式的插件。 ...

    前端工具chrome

    Chrome浏览器作为全球最流行的网页浏览器之一,其强大的开发者工具(DevTools)对于前端工程师来说是不可或缺的神器。本文将深入探讨Chrome前端工具的功能及其在实际开发中的应用。 Chrome DevTools是一套集成在...

    程序员需要知道chrome十五个拓展

    3. **Window Resizer**:对于响应式设计的测试至关重要,它允许快速调整浏览器窗口大小,模拟不同设备的屏幕尺寸,帮助你检查不同分辨率下的布局问题。 4. **ColorPick Eyedropper**:这是一个实用的颜色选择工具,...

    iframe跨域常用问题和iframe页面自适应

    父页面和`iframe`页面可以通过`window.postMessage()`发送消息,然后在另一方的`message`事件中接收。这种方法无需服务器端配合,但需要注意安全问题,防止恶意脚本注入。 二、`iframe`页面自适应 为了让`iframe`...

    窗口大小「Window Resizer」-crx插件

    Chrome窗口大小 简单的Chrome窗口大小调整程序扩展程序。 支持语言:English

    WEB前端设计师常用工具集锦

    4. Window Resizer:快速调整浏览器窗口大小,测试不同分辨率下的布局。 5. YSlow:同Firefox插件,用于网页性能分析。 6. 浏览器兼容性检测:如BrowserStack或CrossBrowserTesting,测试跨浏览器兼容性。 【前端...

    Ext Js权威指南(.zip.001

    3.2.2 使用ietester测试 / 80 3.2.3 在ie 8或ie 9中调试 / 83 3.3 在chrome中调试 / 84 3.4 调试工具的总结 / 84 3.5 调试技巧 / 85 3.6 本章小结 / 89 第4章 ext js的基础架构 / 90 4.1 ext js框架的命名...

    CSS 设置滚动条样式的实例代码

    在CSS中,我们可以使用特定的伪元素和伪类来定制滚动条的样式,这使得滚动条不仅具有功能,还能成为页面设计的一部分。标题提到的"CSS 设置滚动条样式的实例代码"是关于如何通过CSS3来改变网页滚动条的外观。下面...

    CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解

    需要注意的是,这些CSS3的滚动条样式只在基于WebKit的浏览器(如Chrome、Safari)中有效,对于其他非WebKit浏览器(如Firefox、Edge),可能需要使用JavaScript库或浏览器特定的解决方案来实现兼容性。

Global site tag (gtag.js) - Google Analytics