搜索内容：
时间：2017-10-11
编辑:网站制作公司
2136
1
虽然Chrome的开发工具提供了足够多的实用工具来覆盖大部分的设计和开发需求，但是通过添加扩展，您可以扩展浏览器的功能，甚至可以免费使用扩展。
根据您的需求，通过选择完美的扩展，您可以轻松地创建一个个性化的工作环境，从而极大地提高您的工作效率。
你也可以为Web开发人员提供这23个Firefox扩展。
我们为您选择的23个Chrome扩展已经被分类为以下类别:前端扩展、实时编辑器、验证器和性能、测量扩展、颜色工具、类型游戏基础和字体测试器和有用的实用工具扩展。
有用的前端Chrome扩展
snappysnippet是工具的扩展，将从一个选定的DOM子树提取CSS和HTML，允许你把代码CodePen，JSFiddle或JS Bin。
MagiCSS是一个动态的CSS编辑器，它有一个内置的编辑器，它也会美化和缩小你的CSS。它还可以创建GitHub的主旨。
CSS样式表挖掘发现并在大多数网站上对样式表和样式块进行分组，给你一个简单的方法来分析代码和计划重构。
还有许多其他的工具和扩展可以执行CSSViewer所做的简单任务。他们可能会做得更好。但如果没有包含在内，所有的Chrome扩展集都是不完整的。因此，您所要做的就是点击工具栏图标，鼠标悬停在您想要检查的任何元素上。
CSS- shack是一个扩展，允许您创建层样式(就像您使用图像编辑应用程序一样)，并将它们导出为一个CSS文件。
CSS3生成器，作为名称suugests，将生成您对CSS所需要的所有代码。
CSS形状编辑器是一个Chrome的DevTools扩展，用于实时编辑CSS形状属性值。
实时编辑器扩展
使用WordPress样式编辑器，你可以检查你的WordPress样式表，并直接编辑你的主题的CSS。
Perfmap是一个扩展，它将创建一个性能热图，在您的站点的前端检查资源的时间，使用资源定时API在浏览器中加载。
有效性是一个可以帮助您验证任何web页面的扩展。扩展将显示工具提示中错误的数量，细节可以在console选项卡中查看。
视觉检查员是一个Chrome扩展，设计者可以在没有编码的情况下在网站上进行临时编辑。
Web开发人员检查表是必须的扩展，它检查任何网页错误和违反公共最佳实践。
这个扩展将会添加一个Bootlint这个页面按钮到Chrome，它将检查任何引导页面/站点的常见错误。错误显示在JavaScript控制台窗口中。
检查我的链接将扫描任何给定的网页，并将强调有效的(绿色)和坏(红色)链接。没人喜欢断链!
测量扩展
页面标尺允许你在任何网页上绘制标尺，它将显示宽度、高度和位置。
维度是一个简单但非常有用的工具，它可以测量屏幕宽度和高度。
颜色的工具
Chrome浏览器最初是为Firefox开发的，它添加了多种颜色工具，如eyedropper、颜色选择器、面板浏览器和渐变生成器。
彩色标签是一种颜色的灵感扩展，每次你打开一个新的标签，它都会给你一个漂亮的新颜色。
类型操场&字体测试人员
Fontface Ninja是一个很方便的扩展，可以识别任何字体，也可以给你大小和行距，从任何网页。然后，您可以测试所发现的字体。
TypeWonder允许您在任何网站上测试web字体。输入站点URL并立即预览字体。
实用的工具扩展
为了确保您的文本在所有设备大小上保持可读性，45到75将计算字符数，确保它们在45到75个字符之间，以帮助您优化行长度。
是一种扩展，它可以让你将半透明的图像覆盖在开发的HTML之上，这样你就可以在它们之间进行一个像素的比较。
ZenHub是GitHub的项目管理扩展。它将增加节省时间的功能，如拖放任务板和待办事项列表，以帮助提高你的GitHub的生产力。
谁不喜欢美丽的线框?即时Wireframe将为任何网页添加一个线框覆盖。它还在本地工作。
最简单的Markdown编辑器Chrome扩展允许您在键入时预览Markdown语法。您还可以快速将Markdown转换成HTML。
由Facebook开发的fb - flo是一个Chrome扩展，它可以让你不用重新加载就可以编辑运行的应用程序。您可以实时编辑JS、CSS、图像或任何静态资源。
如果您目前没有使用Web开发人员，为什么不使用呢?它是Chrome和Firefox中最受欢迎的开发者扩展。它为浏览器添加了大量非常有用的工具，每个web设计人员和开发人员都需要这些工具，还有一些您可能根本不知道的需要的工具。
MySQL管理是一个强大的Chrome扩展，使管理MySQL数据库更加容易。
完成!
为了得到更多的Chrome浏览器，你可能想看看DevTools Tips，它是一个精心设计的基本Chrome开发工具提示和技巧的集合。如果你是一名设计师或开发人员，想要了解最新的设计和开发新闻，你应该试试Muzli或熊猫的Chrome扩展。
3
s后返回登录
3
s后返回登录
