前端如何使用chrome前端开发插件.management

点击联系发帖人 时间：2016-06-17 17:07

chrome前端调试

Web前端开发人员实用Chrome插件收集
越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。
Postman - REST Client
Postman是Ajax开发的神器，对于Restful开发方式特别有帮助，可以用来模拟各种请求来测试API的正确性，比如用来模拟Ajax请求。它还支持认证，比如简单的用户名/密码，或者Oauth1.0。Rest Console也是一个不错的选择。
Edit This Cookie
这是一个强大的cookie管理器。你可以添加、删除、编辑、搜索、保护和阻止cookies。
Web Developer
安装Web Developer扩展后，会在的工具栏中添加一个按钮，点击该按钮，会弹出各种Web开发工具。此扩展工具的作者同时也是非常流行的Firefox扩展Web Developer extension for Firefox的作者。。
一个在线验证和格式化JSON文件的应用。
YSlow可以分析网页，并为改善网页性能提出修改建议，这些功能基于高性能网页的规则集。YSlow可以根据预定义的三个规则集或用户自定义规则集来对网页进行分级。
Eye Dropper
可以从页面获取颜色，维护获取历史等。
Measure It!
MeasureIt！给你测量一个网站中的任何元素的尺寸（像素宽度和高度）。 Page Ruler也是一个不错的选择。
Window Resizer
此扩展可以调整浏览器窗口的大小，以适应各种屏幕分辨率。这对于Web设计师和开发者非常有用，可以帮助他们在不同的屏幕分辨率下测试网站布局。
JavaScript Errors Notifier
安装该扩展后，会在Chrome地址栏中以图标形式提示JavaScript错误，因为Chrome默认只有打开console才会显示错误。
Firebug Lite
Firebug的精简版允许您检查的HTML，CSS和JavaScript代码，生活在任何页面。你也可以编辑代码，立即测试新的变化。这是一个开发者最喜欢的Firefox扩展Firebug的精简版。
JQuery 扩展
jQuery扩展让你在当前网页中运行JavaScript和jQuery命令。
Pretty Beautiful Javascript
该扩展可以使Javascript文件更容易。其整合了Beautifier和Prettify的功能，可以为代码添加语法高亮。用法是在新窗口里输入js文件的URL或者在查看HMTL源代码时点击js文件的链接。如果是在Chrome的控制台里的资源选项里查看代码则推荐使用Chrome自带的&pretty print&功能，也就是点击&{ }&图标。
在Chrome中打开IE浏览器标签页，你可以打开一个标签来运行Internet Explorer，让你看到的网页在IE浏览器看起来如何。
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&您当前所在位置： >
> 网页设计
学习chrome浏览器使用技巧
今天小编为大家带来的是学习chrome浏览器使用技巧，这里详细的介绍了chrome浏览器的相关知识，希望能对大家有所帮助。微软IE一手遮天的时代已经一去不复返了，而在当下浏览器的&战国割据&中，近几年异军突起的 Google Chromium/Chrome 以及基于其衍生出的浏览器（如360极速、搜狗、枫树……）占据用户桌面的份额越来越大，因此网页教学网整理了一些你可能不知道的使用技巧，可以让你更加快速熟练的使用 Chrome，让事情变得更简单，提高生活、工作、学习效率。一. 快速关闭标签页相信大多数人依旧是用鼠标直接点击那个关闭按钮来进行标签关闭的，你或许知道 Chrome 专门对标签关闭优化过，每次点击&关闭后会自动改变标签宽度，这样可以通过在同一位置连续点击鼠标来快速关闭多个标签页，因此相对其他浏览器用鼠标点击关闭效率其实还算不低。不过这个优秀的细节面对固定标签就不行了，此外老是通过鼠标点击关闭的话对于一个极客来说也太显得图样图森破了，今天极客公园为你推荐另外两种快速关闭标签页的方法：在要关闭标签页下按下 Ctrl/⌘ + W 组合快捷键（适用于任何标签页关闭）在要关闭标签页下中键单击（按下滚轮）（关闭标签最简单最快捷方法）除了 Ctrl/⌘ + W 快捷键关闭标签页外，你还应该记住 Ctrl/⌘ + T 快速打开新标签页，Ctrl/⌘+Shift+T 重新打开最新关闭的标签，Ctrl/⌘+Shift+V 将剪切板中的内容无格式粘贴等快捷键组合，更多请查看官方指南。二. 设备间同步标签页随着智能移动设备在生活中占据的地位越来越重，能够打通桌面与移动端的数据，统一体验将会越来越受用户欢迎。在这方面 Chrome 暂时做得还不错，近两年 Google 相继推出官方的 Chrome Andriod 版本（需4.0以上）和 Chrome iOS 版本（需4.3以上）。通过“同步书签、同步密码、发送到移动设备、自动登录、智能建议”这些功能可以将在桌面电脑上打开的标签页、存储的书签和多功能框数据同步到您的手机或平板电脑上。下面以不同设备间标签页的同步为例为你介绍 Chrome 的同步功能。同步标签页需要相应设备对应版本，确保“打开的标签页”复选框处于选中状态当桌面版和移动版 Chrome 都已经登录同一账户并处于联网状态时就可以在新标签页（按下 Ctrl/⌘ +T ）下右下角的&其他设备&中查看，点击即可在当前设备上打开同步的标签页。打开的标签页是按设备进行分组的，要管理（隐藏、重命名、删除）特定设备的话，可以到云打印页面设置。以上是给大家带来学习chrome浏览器使用技巧的内容，感谢大家继续支持我们的51精品学习网。
上一篇：下一篇：
本文相关阅读
高校查询分数线
考生所在地
北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
地区批次线查询
考生所在地
北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
科目理科文科综合其他
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
院校所在地北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
其它中央部委
类型工科农业师范民族
层次本科高职(专科)
高考志愿③部曲
频道热门推荐
栏目最新更新}

天天发财游戏网