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
分享到:
相关推荐
一款可以设置浏览器窗口大小的Chrome扩展,用户安装了window resizer插件后可以快速调节chrome的窗口大小,用户可以将窗口调节为320x480、480x800、1024x768等大小,也可以选择自定义浏览器窗口的尺寸。资源链接:...
**Window Resizer 1.9.0:Chrome 浏览器窗口调整工具** Window Resizer 是一款专为谷歌浏览器(Chrome)设计的扩展程序,版本号1.9.0。这款实用工具的主要功能是帮助用户快速调整浏览器窗口的大小,以适应不同的...
Window Resizer是一款针对Google Chrome浏览器的插件,其主要功能是帮助用户快速调整浏览器窗口的大小。这款插件尤其适用于Web开发者、设计师以及对网页布局有特定需求的用户。通过提供预设的窗口尺寸,Window ...
但是,由于安全原因,直接安装CRX文件可能会被现代浏览器阻止,因此建议用户通过Chrome网上应用店来安装官方版本的WindowResizer,以确保获得最新的更新和安全修复。 在实际使用中,WindowResizer可以通过快捷键或...
WindowResizer提供了多种常见设备的屏幕分辨率模板,如iPhone、iPad、Android手机和平板,以及桌面电脑的分辨率,只需一键就能快速切换。 安装WindowResizer插件的方法如下: 1. 打开Chrome浏览器的扩展程序管理...
来源:https://github.com/LawfulGood/WindowResizer Lawful Good是一套Google Chrome插件,可提供急需的开发人员和用户功能,而不会因间谍软件,恶意软件或其他垃圾而堵塞浏览器。 支持语言:English (United ...
这款插件的安装过程相对简单,只需要将Window Resizer_1_9_1_4_.crx文件拖拽到打开的Chrome浏览器窗口即可。当然,用户需要确保他们的浏览器已经启用了开发者模式,因为通常Chrome会阻止直接安装CRX格式的插件。 ...
Chrome浏览器作为全球最流行的网页浏览器之一,其强大的开发者工具(DevTools)对于前端工程师来说是不可或缺的神器。本文将深入探讨Chrome前端工具的功能及其在实际开发中的应用。 Chrome DevTools是一套集成在...
3. **Window Resizer**:对于响应式设计的测试至关重要,它允许快速调整浏览器窗口大小,模拟不同设备的屏幕尺寸,帮助你检查不同分辨率下的布局问题。 4. **ColorPick Eyedropper**:这是一个实用的颜色选择工具,...
父页面和`iframe`页面可以通过`window.postMessage()`发送消息,然后在另一方的`message`事件中接收。这种方法无需服务器端配合,但需要注意安全问题,防止恶意脚本注入。 二、`iframe`页面自适应 为了让`iframe`...
Chrome窗口大小 简单的Chrome窗口大小调整程序扩展程序。 支持语言:English
4. Window Resizer:快速调整浏览器窗口大小,测试不同分辨率下的布局。 5. YSlow:同Firefox插件,用于网页性能分析。 6. 浏览器兼容性检测:如BrowserStack或CrossBrowserTesting,测试跨浏览器兼容性。 【前端...
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 设置滚动条样式的实例代码"是关于如何通过CSS3来改变网页滚动条的外观。下面...
需要注意的是,这些CSS3的滚动条样式只在基于WebKit的浏览器(如Chrome、Safari)中有效,对于其他非WebKit浏览器(如Firefox、Edge),可能需要使用JavaScript库或浏览器特定的解决方案来实现兼容性。