首页 文章资讯 Web Developer,开发者调试插件,集成多类web开发工具

Web Developer,开发者调试插件,集成多类web开发工具

发布者 : may

547

2020-02-11

Web Developer,是一款可以在网页中直接进行开发调试的浏览器插件,其拥有强大的开发、编辑、调试、功能,可以说是集合了常用的web开发工具。


早前,插件开发者已在火狐浏览器上推出过Web Developer 插件,功能齐全实用,现在,这款开发者插件也可以在Chrome浏览器中安装使用了。


Web Developer 插件

Web Developer

Adds a toolbar button with various web developer tools.

下载


插件功能


Web Developer插件可以应用于浏览器中的任意网页,支持查看网页源代码;调整CSS;Cookie添加/编辑/删除;表单验证/转换/编辑/填充;隐藏/调整图片等,帮助开发人员轻松剖析网页结构,获取网页信息,调整网页代码。


插件下载


首先,通过当前页面下载Web Developer离线安装包,打开扩展程序内的开发者模式,将解压后的crx文件拖拽至扩展程序管理,选择添加扩展,即可安装成功。


插件使用


通过浏览器插件栏中的锯齿图标打开Web Developer,即可看到丰富的web工具栏,包括Disable、Cookies、CSS、Forms、Images、Information、Miscellaneous、Outline、Resize、Tools和Options。




Disable工具,可以暂时禁用屏蔽网页中的部分元素,如JavaScript。


Cookies工具 ,通过Web Developer插件,你可以查看前网页的cookies,也可以删除和新增cookies。


CSS工具,通过该工具,可以控制当前css是否显示,也可以进行实时编辑,并随时从页面中得到效果反馈。


Forms工具主要是用于控制页面的表单;通过Images图像工具可以隐藏网页图片,以及查看图片的地址。


Outline则属于线框描边工具;Resize作为尺寸工具,可以调整浏览器窗口大小;通过Tools工具可以对当前网页进行校验。


Web Developer作为一个集合多种web实用开发工具的插件,可以帮助前端工作者轻松获取网页信息并根据需求调整网页布局。


Web Developer 插件

Web Developer

Adds a toolbar button with various web developer tools.

下载

分享

全部评论

    展开更多评论

    扩展迷QQ交流群

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功