当前位置: 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 - 网页开发者必备工具 Chrome插件基本信息

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

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

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

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

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

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

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

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

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

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

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

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

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

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

掘金

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

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

掘金是中国质量

开发者常用的chrome json插件汇总推荐

聚合专题 2018-02-27 22:22:45

开发人员在查看代码时大多时候都需要自动对json数据转码,缩进,格式化,直接显示出格式化后的数据, 使得开发人员可以更好的阅读信息。 否则想要看清楚代码真的是非常痛苦的事

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

Meiosis Tracer Chrome插件

开发者插件 2019-01-28 10:31:47

Meiosis-Tracer is a development and debugging tool that traces, rewinds, and replays snapshots in a Meiosis application. You can also directly enter your own model snapshots and see the resulting view

Weixin Mock Chrome插件

开发者插件 2015-03-22 21:47:39

模拟微信分享
点击右上角图标,弹出新标签页,在新标签页中打开, 打开开发者工具,选择移动调试模式;

在页面输入需要调试的网址,打开,正常按照微信的操作测试分享逻辑等;

Ads Preview Chrome插件

开发者插件 2019-04-09 13:53:59

Ads Preview extension for Chrome and Firefox helps to preview multiple creatives (Ads) at the same time, render Ad tag using IAB‘s Safeframe, detects Ad metadata, detects AdBlocker, download full-page

No Search for Local Hosts Chrome插件

开发者插件 2015-03-27 11:46:12

跳过谷歌搜索时,当地的私人域名输入到地址栏
当本地专用主机名被输入到地址栏没有结尾的斜线(如yourenv.yourcompany.develop ) ,默认情况下, Chrome浏览器为它在搜索谷歌。这个扩展捕获通过点击按钮,扩展相关的领域,你设置的搜索请求,并立即重定向到您最初输入的主机,而无需等待出现在Chrome浏览器下拉菜单。Skip",1,[["跳过",1000,false,false],["跳至",0,false,false],["跳转",0,false,false],["跳到",0

PPICalculator Chrome插件

开发者插件 2014-11-22 17:23:45

根据分辨率和屏幕尺寸计算出的像素的密度(PPI)

工作Calcola拉densità代象素在碱(PPI) ...
计算该像素的所述的密度( PPI)的在分辨率和屏幕尺寸。

Calcola拉densità棣像素基地( PPI )阿拉risoluzione Ë阿拉DIMENSIONE报schermo

Unicodify Your JSON Text Chrome插件

开发者插件 2015-01-27 20:36:44

在JSON文本Unicodify非ASCII字符
介绍:

通用:逃避非ASCII字符到\ uNNNN

结果自动选择

更新日志:
4.0.0 :据网上商店的指导方针,多余的功能都被删除。in your",1,[["在",454,false,false],["在您的",448,false,false],["在你的",84,false,false],["在您",12,false,false],["在你",0,false,fals

responsive-web-design Chrome插件

开发者插件 2015-01-05 20:37:23

使用http://responsive.victorcoulon.fr/代码响应式网页设计测试Chrome扩展
http://responsive.victorcoulon.fr/的包装版本的测试响应的网页设计使用谷歌浏览器。

Squint Chrome插件

开发者插件 2015-03-19 10:02:51

模糊了网页上的内容。
模糊的内容在页面上快速评估接近,调整和元素的对比。

寻找新的网页字体为您的网站?这种扩展将可以很容易地判断文字的身体在给定的字体的整体外观。你不再需要拿出你的座位,看看你的设计从整个房间。


Blur the",1,[["模糊了",1000,false,false],["模糊",0,false,false],["模糊化",0,false,false],["虚化",0,false,false],["蒙盖",0,false,

Jira copy title Chrome插件

开发者插件 2018-03-05 23:23:57

# jira-copy
Missing Jira functionality - issue title copy button.

That extension adds a small copy icon which copies issue ID and Title to clipboard with one click.

No configurat

Roger Watcher Chrome插件

开发者插件 2015-03-05 17:37:51

验证器的通用分析实现
罗杰守望者是谷歌Chrome扩展,以帮助调试通用Analytics(分析) 。它会记录发送到谷歌的服务器每一击,这样就可以很容易地检查参数是否正发送,伴随着他们的价值观,在一个用户友好的格式。此外,它提供了一个简单的观点,其中命中了设置错误,缺失或错误的参数。A validator",1,[["验证器",1000,false,false],["一个验证器",0,false,false],["一个验证",0,false,false],["一个校验器",0,false,false

お褒めの言葉 for iOS Developer Chrome插件

开发者插件 2016-06-05 10:36:37

新しいタブにiTunes App Storeのレビューをランダムに表示する
iTunes App Storeにたくさんあるありがたいお言葉を新しいタブに表示するアプリです。

Future Work
・アプリ固定で表示
・ランキング選択
・ジャンル選択
・多国対応