当前位置: Chrome插件首页 > 开发者插件 > Mobile/Responsive Web Design Tester Chrome插件

Mobile/Responsive Web Design Tester Chrome插件

开发者插件
 

Mobile/Responsive Web Design Tester Chrome插件图文教程

Mobile/Responsive Web Design Tester插件概述

Responsive Web Design Tester是一款可以模拟手机等移动设备来访问PC端的网页进而进行测试的Chrome插件,是一种快速、简单的测试响应性网站的方法。这个扩展允许Web设计人员和开发人员通过模拟用户代理和屏幕分辨率,以测试他们的网页,对常见的手机,平板手机和平板设备。优秀的测试响应的网页设计。同时测试多个移动设备!RWD也使用了正确的用户代理,但是它不像移动设备那样呈现web页面。它主要是为希望测试页面如何响应不同设备的开发人员准备的。在谷歌浏览器中安装了Responsive Web Design Tester插件以后,用户就可以在使用开发工具(如VS、eclipse等)开发完网站以后,使用Chrome浏览器打开网页以后点击鼠标右键启动Responsive Web Design Tester插件的调试功能,在调试列表中用户可以选择使用iPhone或android等移动设备对网站进行测试,以满足网站对使用移动设备的用户的需求,进而达到网站在任何设备中都能拥有良好的用户体验。
Mobile/Responsive Web Design Tester插件概述

Mobile/Responsive Web Design Tester插件功能

1、支持自定义测试组
2、支持不同设备的响应速度测试

Mobile/Responsive Web Design Tester下载安装

1.你可以从chrome应用商店里找到Mobile/Responsive Web Design Tester插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Mobile/Responsive Web Design Tester插件下载地址,当然你也可以借助于谷歌访问助手或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示是否安装该插件。
Mobile/Responsive Web Design Tester下载安装
3.点击添加即可。
4.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。

Mobile/Responsive Web Design Tester插件使用方法

1.插件安装好后会出现在浏览器右上方的插件栏中;
2.在把开发完成的网站部署到服务器上以后,使用谷歌浏览器打开该网站,并点击鼠标右键启动Responsive Web Design Tester插件的调试功能,用户可以在调试列表中选择使用iPhone或android等移动设备对该网站进行调试,如图所示:
Mobile/Responsive Web Design Tester插件使用方法
3.在点击相应的设备以后,Responsive Web Design Tester插件会自动向网站发送经过模拟的User-Agent请求来模拟移动设备来访问网站。
4.如果用户需要更加多的设备类型也可以选择Responsive Web Design Tester插件的选项按钮,在该选择配置界面中用户可以自定义User-Agent请求的信息来添加自定义的设备,如图所示:
Mobile/Responsive Web Design Tester插件使用方法

Mobile/Responsive Web Design Tester插件更新日志

版本1.9(二○一四年十一月二十日)
增加了后退按钮
版本1.8(2014年11月19日)**
实现更好的滚动
1.5版 
在滚动
版本1.7(二○一四年十一月一十八日)
1.Bug修复(二〇一四年十一月一十六日)
2.更新/添加新设备
3.更新了布局
4.增加捐赠按钮
5.没有任何改变,但在鼠标滚动工作这一轮的发展。希望它为每一个人生产。我们会看到
6.这在https网页发生修正错误。
查看更多

Mobile/Responsive Web Design Tester Chrome插件图片

  • Mobile/Responsive Web Design Tester插件图片

Mobile/Responsive Web Design Tester Chrome插件基本信息

插件名称:Mobile/Responsive Web Design Tester 插件作者: 插件语言:English (United States) 官方站点:暂无官方站点 插件唯一标识:elmekokodcohlommfikpmojheggnbelo

Mobile/Responsive Web Design Tester Chrome插件用户数和评分

下载次数:32394 用户评分:4.06897 (共5分) 参与评分人数:87

Mobile/Responsive Web Design Tester Chrome插件文件信息

当前版本:1.9 最后更新日期:2019-11-30 文件大小:602KB

Mobile/Responsive Web Design Tester Chrome插件下载地址

本站下载 已有 32394 人成功下载

Mobile/Responsive Web Design Tester 相关插件

AlloyDesigner - 前端重构开发辅助工具

开发者插件 2019-10-28 14:49:24

AlloyDesigner是来自Tencent AlloyTeam的前端开发工具,其只出现开发阶段的一定时期,可以在制作时期,也可以在开发测试期,旨在提高前端开发的效率,获得更加便捷的开发体验。

PageXray

开发者插件 2019-11-07 08:56:20

PageXray是一款chrome插件,它将向您显示在任何页面上使用的技术。

NetBeans Connector

开发者插件 2019-05-19 03:19:17

在NetBeans Connector提供获奖的NetBeans IDE和谷歌Chrome浏览器。
的NetBeans IDE提供了一套完整的JavaScript和HTML5的开发工具,包括代码编辑,调试,现场造型,开发与iOS和Android的奖项之间的深

Webstorm网页调试插件:JetBrains IDE Support

开发者插件 2019-03-05 20:22:16

JetBrains IDE Support是一款支持编译即时显示在浏览器上调试的谷歌浏览器插件。作为web开发人员常用的开发者插件,程序员习惯称之为JB插件。这款调试插件需要与一些开发工具结合使用,

Mobile/Responsive Web Design Tester

开发者插件 2019-11-07 09:11:18

Responsive Web Design Tester是一款可以模拟手机等移动设备来访问PC端的网页进而进行测试的Chrome插件,是一种快速、简单的测试响应性网站的方法。

React Developer Tools - React开发者工具

开发者插件 2019-02-20 12:10:21

React Developer Tools是一款由facebook开发的有用的Chrome 浏览器扩展,可以通过 Chrome Web存储获取。使用 Chrome Devtools 进行调试时,可以查看应用程序的 React 组件分层结构,而不是更加神秘的浏

Postman Interceptor

开发者插件 2018-04-16 16:07:54

送你发送请求通过邮差应用程序,它使用浏览器Cookie通过邮差镀铬的应用程序。
邮差拦截器发射帮助请求。
它也可以发送标题这是由镀铬通常的限制,但是对于测试API的关键。

Postman

开发者插件 2018-04-16 16:08:38

Postman是一个非常有力的Http Client工具,Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件,可在Web服务测 试中用来进行接口测试。

Domecross - 多点访问测试插件

办公插件 2019-11-22 09:20:29

为开发者提供的Chrome浏览器网站多点访问测试插件,可以模拟网站多地点打开效果和访问速度测试,极大提高您的测试工作的效率.。

Tag Manager Assistant

开发者插件 2019-10-28 09:34:27

Tag Manager Assistant(代码管理器助手)通过自动检查自定义JavaScript数据集来帮助验证标签和数据层实现,从而在调试时不会将信息传播到每个人的浏览器控制台中,而无需共享给协作者

MobX Developer Tools

开发者插件 2019-05-19 02:38:33

用于MobX和React的开发工具 检查mobx-react观察员。 编辑可观察对象中的值(不支持编辑反应道具/状态,使用react-devtools) 跟踪MobX可观察量的变化 MST支持

Mobile/Responsive Web Design Tester 同类插件推荐

Pull Favors Chrome插件

开发者插件 2016-04-09 18:26:04

GitHub Pull-Request Beautifier
Pull Favors
========

Re-orders your GitHub Pull Requests to improve readability.

Compatible with RSpec and other testing frameworks that use si

xPath Wrap Chrome插件

开发者插件 2016-04-23 22:43:25

Enter xPaths and wrap them in a border so you can visualize selections
Enter xPaths and wrap them in a border so you can visualize selections

Pkgsrc Freeze Status Chrome插件

开发者插件 2017-09-14 17:09:19

Shows status of Pkgsrc freeze
Shows the status of a pkgsrc freeze. The typical orange Pkgsrc icon is shown if there is no freeze and a blue icon is shown if there is a freeze. Now there's no

GitLab Approvals Chrome插件

开发者插件 2019-05-30 06:00:11

After switching over to GitLab, I noticed that when relying on an approval system for Merge Requests, it was hard to know upfront which ones you‘ve already approved. This extension was made to make it

BP Privacy Block All Font and Glyph Detection Chrome插件

开发者插件 2019-10-21 18:48:23

阻止检测安装的设备字体,以防止在不改变网站字体或外观或功能的情况下进行指纹识别。简单和自动扩展将显示检测到的 0 种字体,并且每个基本类型没有唯一的字形。
2.0 版于 2018年8月18日发布。这种扩展现在更难通过激进的指纹脚本来检测,不再需要任何类型的权限,提高了可靠性,并在提高与您最喜欢的网站和服务的兼容性的同时保护了

jsonz Chrome插件

开发者插件 2018-04-29 02:25:23

1. Click-and-prettify JSON content regardless of content type
2. Force specific URL to automatically prettify JSON content
3. Display syntax highlight after content prettified

Mobilizer Chrome插件

开发者插件 2018-12-10 05:26:04

The Mobilizer Extension lets you see exactly what your mobile users see, quickly identify display issues, monitor metrics by device, and optimize the mobile customer experience. Mobilizer uses real de

XPath Helper for developer Chrome插件

开发者插件 2019-10-11 13:22:45

this is forked from ^_^ https://github.com/google/xpaf
this extension give you good xpath,not /html/div/div/div....etc (such as: //div[@prop=‘positionName‘ and ‘职位名称 ‘]//input)

XPath Hel