当前位置: Chrome插件首页 > 开发者插件 > Web Developer - 网页开发者必备工具 Chrome插件

Web Developer - 网页开发者必备工具 Chrome插件

插件分类:开发者插件
直达下载

Web Developer - 网页开发者必备工具 Chrome插件图文教程

web developer chrome浏览器插件概述

Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 开发者工具扩展插件,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可以看到大量的 Web 开发工具。不过,目前这款扩展还没有提供禁用 Javascript 的功能,因为目前 Chrome 扩展的 API 还不支持该功能。
web developer插件

web developer chrome浏览器插件功能介绍

相信在 Chrome 面世之前很多网页开发者都用过 FireFox上的 Web Developer 附加组件,功能非常强大。现在,Chrome 版本的 Web Developer 也正式推出了,而且开发者和 Web Developer For FireFox 是同一个人—— Chris Pederick。添加一个工具栏按钮与各种Web开发工具。网络开发者扩展的官方端口。

Web开发人员扩展插件在浏览器上添加了一个工具栏按钮,使用不同的Web开发工具。这是官方端口的Web开发扩展的浏览器。
Web Developer 插件强大的功能超乎你的想象,用于CSS网页布局开发调试只是它强大功能的一部分,对于网络程序的开发也提供了非常强大的辅助设计功能,例如:调试CSS、清理Cookie、对表单图片等对象进行操作等等

 

web developer chrome浏览器插件安装和使用

1.在谷歌浏览器中安装Web Developer 插件,并在Chrome的扩展器中启动截图的功能,Web Developer 插件的下载地址可以在本文的下方找到,离线Web Developer 插件的安装方法可参考:怎么在谷歌浏览器中安装.crx扩展名的离线Chrome插件? 如果CRX格式插件不能离线安装怎么办

2.Web Developer插件的工具栏很多,
Web Developer 主要由以下几个部分组成:Disable、Cookies、CSS、Forms、Images、Information、Miscellaneous、Outline、Resize、Tools、View Source和Options。如下图所示:
web developer使用1

Web Developer插件工具中禁用功能的使用方法如下:

Disable禁用工具 可以暂时的屏蔽当前页面中的某些东东,如JavaScript脚本、缓存、mete自动重新定向、将网页显示为黑色(图片除外)、禁用弹窗等等。如下图:
Cookies工具 可以用此工具查看当前页面的Cookies信息,可以按不同的域名或路径进行查看,而且可以手工增加一个Cookies,这对于后台网络编程的开发调试来说是非常方便而得力的工具。
CSS样式表工具这是一个非常强大的工具,基于CSS网页布局有这个得力的助手,工作与学习都将变的非常简单,可以控制CSS是否应用,查看页面的CSS文件,并进行实时的编辑,并在浏览器窗口中立即反应出编辑后的效果。
webdeveloper使用方法disable

web developer 尺寸工具的使用方法如下:Resize尺寸工具 我们可以用它来改变浏览器窗口的尺寸,如果我们使用了1600*1200的分辨率,我们可以借助此工具来模拟1027*768的窗口效果。关于此工具的详细介绍:Web Developer插件 Outline、Resize工具教程
Tools工具 对于我们CSS网页布局设计,它的最大功能在于将CSS及XHTML校验工具整合在一起,可以点击此工具中的校验选项对当前页面进行检验,它会自动链接到相关校验页面,并返回校验结果。
webdeveloper使用方法

web developer chrome浏览器插件注意事项

有人会问为什么web developer扩展需要访问我所有的浏览历史和私人数据?
这是一个chrome的标准的消息表明铬(http://productforums.google.com/forum/#!category-topic/chrome/give-feature-feedback-and-suggestions/f5sdbSD92C8),表明该推广有完全访问所有网站上为其所有的功能,所有用户的数据工作。这些数据被访问的扩展功能的需要,没有个人数据被发送从延伸到一个第三方除了第三方等功能的验证。


Web Developer - 网页开发者必备工具 Chrome插件图片

  • Web Developer - 网页开发者必备工具插件图片
  • Web Developer - 网页开发者必备工具插件图片
  • Web Developer - 网页开发者必备工具插件图片
  • Web Developer - 网页开发者必备工具插件图片
  • Web Developer - 网页开发者必备工具插件图片

Web Developer - 网页开发者必备工具基本信息

插件名称:Web Developer - 网页开发者必备工具 插件作者:chrispederick.com 插件语言:English (United States) 官方站点:http://chrispederick.com/work/web-developer/chrome/ 插件唯一标识:bfbameneiokkgbdmiekhjnmfkcnldhhm

Web Developer - 网页开发者必备工具用户数和评分

下载次数:937724 用户评分:4.56599 (共5分) 参与评分人数:1735

Web Developer - 网页开发者必备工具文件信息

当前版本:0.4.6 最后更新日期:2020-07-09 文件大小:693KB

Web Developer - 网页开发者必备工具下载地址

Web Developer - 网页开发者必备工具相关插件

Web Developer - 网页开发者必备工具

开发者插件 2022-05-03 11:14:06

Web Developer 这款扩展集成了各种各样的 Web 开发工具,几乎是网页开发人员必备的 Chrome 开发者工具扩展插件,安装之后会在浏览器工具栏添加一个齿轮状的小图标,点击小图标之后就可

XPath Helper:chrome爬虫网页解析工具

开发者插件 2018-05-02 07:26:41

xPath helper是一款Chrome浏览器的开发者插件,安装了xPath helper后就能轻松获取HTML元素的xPath,程序员就再也不需要通过搜索html源代码,定位一些id去找到对应的位置去解析网页了。

Cookie Inspector

开发者插件 2020-04-25 22:17:06

Cookie Inspector是由Big Bad Goose LLC发布的免费开发人员工具扩展,Google Chrome 缺少 cookie 编辑器和管理器。该插件直接在开发人员工具中编辑 cookies 、创建 cookies 和管理 cookies,只需右键单击

Xdebug helper

开发者插件 2019-12-06 11:21:12

每个人都必须拥有使用Xdebug调试,分析和跟踪PHP代码的功能。 此扩展将帮助您轻松地启用/禁用调试,性能分析和跟踪,而不必费力地处理POST / GET变量或cookie。对于使用带有Xdebug支持的

Chrome Poster

开发者插件 2020-03-13 21:06:25

Chrome Poster是开发人员工具,可让您与http服务器进行交互,主要用于与http服务器交互的开发人员工具。 也被称为简单的休息客户。

掘金

开发者插件 2018-02-18 21:29:27

为设计师、程序员、产品经理每日发现优质内容。
包含Android、前端、产品、设计、iOS、后端六大频道,每个频道内都有一到多个为你精心准备的优质内容源。

掘金是中国质量

Web Developer - 网页开发者必备工具同类插件推荐

Performance-Analyser Chrome插件

开发者插件 2015-11-22 18:43:04

获取洞察当前选项卡的网站的性能 - 那种WebPageTest
绩效分析仪的小型真人版(也称为性能分析器)有助于通过资源,导航和用户计时API来分析当前页面 -

Android Resource Navigator Chrome插件

开发者插件 2015-01-27 16:07:13

为增强GitHub的资源导航的Android托管项目
特点:

* GitHub上观看的Android XML资源进行处理,使任何包含资源标识符将直接链接到相应的外部文件或特定的报关行的地方适当的。

*快速通过一个随时可用的浏览器操作按钮打开Android框架风格或主题XML 。

*类型'阿尔恩'后跟一个搜索词到地址栏找到一个特定的Android框架风格或主题。使用建议直接导航到相应的XML资源定义。

*

QQ推广 Chrome插件

开发者插件 2015-12-17 18:34:05

推广如此简单
此工具帮助使用者对QQ即时通信工具进行自动化营销操作。

软件特点:

1)自动批量向QQ好友,QQ群成员发送消息。
2) 发送消息速度快,成功率高
3)界面友好,操作简便,不记录用户的QQ口令,信息安全。
4)工作资源占用率低,发送过程不影响用户使用电脑。
5)用户按需付费,节省开支。

Live HTTP Headers Chrome插件

开发者插件 2019-04-23 22:46:35

实时 HTTP 头记录 Chrome 浏览器和互联网之间的所有 HTTP 流量。如果你想的话,这个扩展可能会有所帮助:
* 调试 web 应用程序
* 跟随重定向路径
* 查看远程站点发送的 cookies 使用
* 查看发送到的标题服务器
* 查看服务器返回哪些标题
* 查看使用的 HTTP 动词。
* 请参见响

UC浏览器兼容性检测工具 Chrome插件

开发者插件 2015-01-31 04:42:37

检测网页兼容性问题。由 Google Chrome 项目组发起, 由UC运营研发组扩展。
用于帮助Web页面开发人员检查页面与UC浏览器的兼容情况,辅助快速适配页面。

该工具有UC优视公司 应用研发部 运营研发组扩展开发,贡献者包括:
ZoomZhao、
陈年肉饼1983、
北极星

css auto reload Chrome插件

开发者插件 2019-11-15 15:31:09

css auto reload 是一个web开发者工具,一款chrome 插件。在写 css 的时候,经常需要不断的切换窗口,刷新页面,查看效果,css auto reload 插件可以在你改变了css并保存好后,自动在页面上重新

Design Grid Overlay v1.0.1 Chrome插件

开发者插件 2019-04-08 13:04:35

使用设计网格是在整个视觉媒体,特别是网站上创造视觉和谐和节奏的一种既定方式。这个设计网格插件可以被配置为与许多流行的网格系统一起工作,包括引导、皮肤、纯、 Susy 、 Foundation 等等。
此扩展允许您输入列、水槽和宽度的网格规范,然后显示网格指南和元素测量,以对齐页面上的内容。
1.0-网格设置的 bug 修复
1.0-添加了键盘快捷键。增加了使用 s

Vue.js devtools Chrome插件

开发者插件 2019-02-14 09:50:00

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。有关Vue.js的更多

YY Web Checker Chrome插件

开发者插件 2015-12-17 08:11:54

YY Web Checker
可检测页面SEO、引用的相关统计、组件、下载网站所有图片和监测图片大小是否超标和生成当前页面的二维码

CDN Headers & Cookies v2.0.5 Chrome插件

开发者插件 2019-12-18 06:43:48

这个扩展是开发人员和希望一站式查看所有 http 头和 cookies 的人的最佳伴侣。它还可以加载 Akamai 响应头 (CDN 特定头)。
包括以下功能。
1) 加载请求标题 (对于请求的 URL 页面级别)
2) 添加/编辑/删除自定义请求标题
3) 加载默认响应头和 Akamai 响应头 (对于请求的 URL-page 级别)

Web Sniffer v0.0.0.2 Chrome插件

开发者插件 2019-12-14 15:09:19

对于每个 HTTP 请求,都会显示以下信息 (可以隐藏):
-Tab ID, 标题 [已过滤]
-请求 ID
-类型请求 [已过滤]
-时间 [已过滤] br/>-方法 (获取/发布, POST Body) [filtered]
-主机名 [f

Sitemap Generator Chrome插件

开发者插件 2019-10-19 17:36:03

此扩展允许您在浏览器中为任何公共网站生成网站地图。生成网站地图时,扩展会呈现网页并等待 javascript 加载,这对于使用 angular 、 react 、 ..
这个扩展通过获取一些开始 URL,爬行该页面获取更多链接,然后递归地爬行这些页面获取更多链接来工作。检查完所有发现的链接后,扩展名会输出网站地图文件。
对于包含数万页的网站来说,这种实现是不实际的。然而,它可以

PageEdit Chrome插件

开发者插件 2015-03-18 08:36:33

编辑任何HTML页面到浏览器这个功能强大的所见即所得的编辑器
将您的浏览器成为一个所见即所得的HTML编辑器。

词条编辑使用CKEditor的(见http://ckeditor.com )为WYSIWYG编辑器和CodeMirror (见http://codemirror.net )的源代码编辑器

特点:
- 所见即所得的网页编辑器
- 在源代码编辑模式语法颜色高亮(点击& QUOT ;源& QUOT按钮)
- 存储在HD

为打击盗链困扰,本站已启用公众号人机验证
微信扫码关注公众号,发送"插件"二字获得验证码,验证码5分钟有效。

Chrome插件离线安装方法