当前位置: 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-05-14 文件大小:693KB

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

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

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

开发者插件 2019-02-13 23:42:46

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

JSON Viewer

开发者插件 2019-11-04 11:07:49

JSONView 是一个方便查看 Json 结构的插件,是一款漂亮的、可定制的JSON / JSONP荧光笔高亮插件。通过展开,折叠,可以非常方便的查看接口返回数据。还可用于打印JSON和JSONP。

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支持的

XPather

开发者插件 2019-12-08 23:41:38

XPather是一款适用于当前文档的XPath操作的Chrome扩展,可靠且易于使用,并具有功能齐全的XPath 2.0支持。

dataslayer

开发者插件 2020-05-06 16:50:44

Dataslayer是由bearcla.ws发布的免费开发人员工具扩展,它在Chrome开发人员工具中添加了一个面板,用于监视标签管理数据层并以易于阅读的用户友好格式显示更改。

Chrome Poster

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

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

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

Altair GraphQL Client Chrome插件

开发者插件 2019-02-08 19:25:44

Ever needed to query a graphQL server when you don't have access to the server code? Want to just quickly test a graphQL query? Altair makes this quite easy. You can provide your query and even speci

HTML2HAML Chrome插件

开发者插件 2015-04-18 10:32:21

转换选定HTML到HAML
这个扩展选择转换HTML代码到HAML
您可能会发现更多有关HAML此: http://haml.info/

说明:
1 。任何页面
2选择HTML。点击靠近地址栏

警告的HTML2HAML图标!它不转换页的内部标记,但明确的HTML片段

注意:您不能使用在& QUOT扩展;显示源代码和QUOT ;页面

Open Graph Inspector Chrome插件

开发者插件 2015-04-08 17:17:17

提交当前URL Facebook的开放式图形对象调试
的Facebook有调试网页上的Open Graph ( OG )内容的一大利器,在托管后https://developers.facebook.com/tools/打开一个弹出调试。你只需粘贴到URL ,打调试,然后能看到所有的OG元数据的页面上,以及任何警告/错误。

的Open Graph督察,使这个过程更快地增加一个图标你的Chrome浏览器执行提交给你,给你造成一个方便的弹出窗口。

Random Emoji Generator Chrome插件

开发者插件 2017-05-11 23:00:09

Inspired by the Ship It Button extension, this extension for Git provides a button to add a random Emoji icon to comments.
Added…
Inspired by the Ship It Button extension, this extension for G

GitHub code review Chrome插件

开发者插件 2016-12-28 04:07:42

This extension adds hot keys and hierarchical file view to GitHub pull request pages.
When viewing file diffs in a GitHub pull request:
- Jump between diffs with j/k keys.
- Jump between c

JavaEE API Search Chrome插件

开发者插件 2016-01-10 17:03:06

Adds support to the omnibox to search the JavaEE API.
Use this omnibox plugin to directly search the online JavaEE help.

Simply type 'JEE ' to start your search, then the name of

Full page Screenshot Chrome插件

开发者插件 2016-08-15 15:57:26

Get full page screenshot
Full Page Screenshot

Full Page Screenshot is a tool which helps us to take screenshot of visible part of webpage or entire page of any website.

For full

Braintree Testing Chrome插件

开发者插件 2016-12-12 09:24:56

Right-click context menu to fill form elements with Briantree's testing credit cards numbers
Easily test Braintree credit cards by just right clicking on form field, text areas or content edit

重庆彩开奖号码官方 福建快3开奖走势图结果 小数定双码解一生肖 正规股票直播平台 河北省福利彩票快三查询 股票几开盘 湖北30选5开奖结果查询今天 现在学什么技术赚钱 甘肃省11选5前三直 金配资 黑龙江11选5官网 股票融资比例是多少 十一选五任七稳赚组合 选4历史开奖结果上海 平民计划腾讯分分彩 股票指数期权合约 中国体彩七星彩综合版