Web Developer(Chrome Web开发工具插件) V0.5官方版下载
Web Developer集成了各种各样的 Web 开发工具,网络程序的开发具有强大的辅助功能,比如调试CSS、清理Cookie等。安装之后会在浏览器工具栏添加一个齿轮状的小图标,知识兔点击小图标之后就可以看到大量的 Web 开发工具,是网页开发人员必备的 Chrome 开发者工具扩展插件!
Web Developer软件特色
1、Disable禁用工具
可以暂时的屏蔽当前页面中的某些东东,如Ja vaScript脚本、缓存、mete自动重新定向、知识兔将网页显示为黑色(图片除外)、禁用弹窗等。
2、Cookies工具
可以用此工具查看当前页面的Cookies信息,知识兔可以按不同的域名或路径进行查看,而且知识兔可以手工增加一个Cookies,这对于后台网络编程的开发调试来说是非常方便而得力的工具。
3、CSS样式表工具
这是一个非常强大的工具基于CSS网页布局有这个得力的助手,工作与学习都将变的非常简单,知识兔可以控制CSS是否应用,查看页面的css文件,并进行实时的编辑,并在浏览器窗口中立即反应出编辑后的效果。
4、web developer 尺寸工具
Resize尺寸工具 知识兔可以用它来改变浏览器窗口的尺寸,如果知识兔使用了1600*1200的分辨率,知识兔可以借助此工具来模拟1027*768的窗口效果。关于此工具的详细介绍:Web Developer插件 Outline、Resize工具教程。
5、Tools工具
对于知识兔CSS网页布局设计,它的最大功能在于将CSS及XHTML校验工具整合在一起,知识兔可以知识兔点击此工具中的校验选项对当前页面进行检验,它会自动链接到相关校验页面,并返回校验结果。
安装教程
1、在地址栏输入chrome://extensions/打开开发者模式的开关。拖动 xxx、crx 文件到Chrome中间即可,其他chrome内核的浏览器也可以直接拖入扩展管理中安装;
2、把下载好的xxx、crx 的扩展名改为xxx、zip。
在地址栏输入chrome://extensions/打开 开发者模式 的开关拖动 xxx、zip 文件到Chrome中间即可。
使用教程
1、首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本页下载的Web Developer插件,并拖入扩展程序页即可。
2、安装完成后,会弹出一个介绍界面,关闭后打开网页试试效果吧。
3、进入网页后,知识兔点击右上角的插件图标即可打开该插件窗口,通过该窗口,知识兔使用者可以将网页中的样式、js效果、图片、cookie、形式标签以及网页链接等进行启用或禁用。
4、同时,知识兔还能通过插件的CSS窗口对网页的CSS代码进行编辑,当然这个编辑是只对该浏览器有效的。
5、知识兔这款插件还能通过不同的页面大小对网页的响应式设计进行测试,当然该软件还有其他的许多功能,这需要使用者自行使用了。
6、若是想要对该插件的设置进行一些调整,知识兔可以右键知识兔点击Web Developer插件图标并选择选项一栏进入设置页面,在该页面中使用者可以对它的颜色样式、尺寸、链接等功能进行设置。
下载仅供下载体验和测试学习,不得商用和正当使用。