如何快速测试响应式网页设计的Chrome扩展
测试响应式的网站可以有很多方式,下面为大家分享的是使用 Chrome 扩展版的 RWD 测试工具「Responsive Web Design Tester」测试效果也不错哦,下面来看看介绍。
使用教程
下载 「Responsive Web Design Tester」Chrome 扩展,安装后,浏览器右上角会多出一个扩展图标,点击他就可以设置当前网站用什么样的设备来展示了,如下图:
新增设备
此扩展默认有流行的移动设备,Apple、Android、平板等等已经很齐全了,然而你若想添加其它,可以通过设置该扩展了添加,并且支持添加用户代理(User-Agent)。
Step 1: 右击扩展图标,在弹出的菜单选择「选项」即要调出设置界面:
Step 2: 点击「New Device」按钮,并设置对应的名称分辨率即可。
对于不懂添加User Agent 的可以随机添加,或复制其它选项的`,又或者查看 User Agent List 这个列表来添加对应的用户代理。
RWD Tester Chrome 扩展特色
以简洁的新窗口形式展示网页(无URL 地址栏、书签栏等干扰)
方便快捷的查看方式(直接在浏览器右上角图标选择查看,也支持鼠标右键)
可自定义分辨率
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
asp.net 操作INI文件读写类实例代码
操作INI文件读写类实例代码复制代码代码如下:usingSystem;usingropServices;using;using;namespaceCommon{//////INI文件读写类。///publicclassINIFile{publicstringpath;publicINIFile(stringINIPath){path=INIPath;}[DllImport("kernel32")]privatestaticex...
-
网页设计黄金配色原则是什么
身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且“错不了”的指导方针,你可以按照这些原则把握最基本的色彩规律。现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色...
-
python批量生成本地ip地址的方法是什么
python批量生成本地ip地址的方法是什么呢?本文实例讲述了python批量生成本地ip地址的方法。分享给大家供大家参考。具体分析如下:...