阅读更多

0顶
0踩

互联网
Google Chrome扩展对于开发者来说是非常实用的,它们可以使开发者在开发过程中不必运行一些琐碎的工具,从而使他们的工作更加集中。Chrome扩展可以通过很多种方式来帮助开发者。Chrome是个非常受欢迎的浏览器,而这些扩展无疑又增加了它的魅力。

我们已经搜集了一些重要的Chrome扩展,这非常有利于我们的Web开发工作。

1.  Speed Tracer

Speed Tracer是一款可以帮助你发现并修复Web应用程序性能问题的扩展应用。Speed Tracer的功能很强大,它可以对网页中的元素进行全方位的检测分析,找出Web应用运行缓慢的罪魁祸首,以方便开发者优化代码。Speed Tracer还可以解决JavaScript语法分析和执行、CSS式样以及其他更多方面的问题。



2.  Web Developer

安装Web Developer扩展后,会在浏览器的工具栏中添加一个按钮,点击该按钮,会弹出各种Web开发工具。此扩展工具的作者同时也是非常流行的Firefox扩展Web Developer extension for Firefox的作者。



3.  Chrome Sniffer

这个扩展可以帮助Web开发者检查当前浏览的网站中的Web框架/CMS和JavaScript库。在地址栏中会出现一个图标,以显示检测到的框架。



4.  StayFocusd

StayFocusd是一个高效的谷歌浏览器扩展,它可以通过限制你花费在无价值网站上的时间,来帮助你专注于工作。一旦你指定的时间已经消耗完,该网站即被限制,1天之内你不能再访问。



5.  JavaScript Errors Notifier

安装该扩展后,会在Chrome地址栏中以图标形式提示JavaScript错误。



6.  Stylebot

使用Stylebot,你可以自定义你喜欢的网站的外观和风格。这也是一个学习CSS的伟大的工具,你可以在设计和调试网站的过程中学习CSS。



7.  Window Resizer

此扩展可以调整浏览器窗口的大小,以适应各种屏幕分辨率。这对于Web设计师和开发者非常有用,可以帮助他们在不同的屏幕分辨率下测试网站布局。



8.  Awesome Screenshot

可以帮助用户截取网页内容以及添加注释。



9.  BuiltWith Technology Profiler

BuiltWith是一个网站分析工具。找到一个网页后,BuiltWith可以返回它能在这个页面中找到的所有的技术。BuiltWith的目标是帮助开发者、研究者和设计者找出网页使用的是什么技术,这可能有助于他们决定在自己的项目中使用什么技术。



10.  Clicky Monitor

Clicky是一个强大的实时网页分析服务,Clicky 监视器可以让你快速访问你使用Clicky跟踪的网站的分析信息。



via http://slodive.com/web-development/chrome-extensions-web-developers/

  • 大小: 40.1 KB
  • 大小: 31.7 KB
  • 大小: 15.8 KB
  • 大小: 36.5 KB
  • 大小: 15.1 KB
  • 大小: 23.6 KB
  • 大小: 20.5 KB
  • 大小: 38.4 KB
  • 大小: 25.9 KB
  • 大小: 20.9 KB
0
0
评论 共 3 条 请登录后发表评论
2 楼 gandilong 2014-11-14 16:21
[http://www.shuoshuoxiaoxiao.com]哈哈一下[/http://www.shuoshuoxiaoxiao.com]
1 楼 gandilong 2014-11-14 16:20
<a href="http://www.shuoshuoxiaoxiao.com">哈哈一下</a>

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • webdeveloper(Chrome开发者工具扩展插件)v0.5官方免费版

    web developer(Chrome开发者工具扩展插件)是一款可以安装在谷歌浏览器上的chrome web developer轻量级开发插件,安装使用web developer插件可以让您的开发变得更加顺畅,需要的朋友欢迎前来下载使用! 插件概述: ...

  • 【工具&Chrome】10个针对Web开发者的优秀Chrome扩展推荐

    Google Chrome扩展对于开发者来说是非常实用的,它们可以使开发者在开发过程中不必运行一些琐碎的工具,从而使他们的工作更加集中。Chrome扩展可以通过很多种方式来帮助开发者。Chrome是个非常受欢迎的浏览器,而...

  • 2023 Google 开发者大会:Web平台新动向

    Google 资深开发技术推广工程师兼 Chrome 开发技术推广部主管在 2023 Google 开发者大会讲解了 Google 推出的新功能,包括在 Web 开发值得重点关注的升级与成果以及 Web 如何实现加速开发。本文主要围绕 Google 在 ...

  • siyuan-chrome:思源的 Chrome 扩展

    思源Chrome扩展 :light_bulb: 介绍 思源的 Chrome 扩展。 :hammer_and_wrench: 设置 Chrome 网上应用店 开发版 在 Chrome 地址栏中输入chrome://extensions打开扩展管理页面 打开右上角的“开发者模式”,然后点击...

  • 推荐50个超实用的 Chrome 扩展,建议收藏!

    关注公众号前端开发博客,领27本电子书回复加群,自助秒进前端群分享 50 个超实用的 Chrome 浏览器扩展!JSON1. JSON Viewer ProJSON Viewer Pro 用于可视化JSON文件。其核心功能包括:支持将JSON数据进行格式化,并...

  • AutomatedHunter:Google Chrome扩展程序可通过Chrome自动测试基本的Web问题

    自动猎人Google Chrome扩展程序可通过Chrome自动测试基本的Web问题这个想法是半自动地扫描一些通用参数,而无需完全手动地进行并且不需要使用漏洞扫描器。 我实现的解决方案是一个浏览器扩展,可以在浏览时检测到...

  • chrome扩展-打造个性化的web页面

    其实chrome插件就是一个以chrome浏览器为宿主运行的一个web程序,因此chrome插件本质上就是一个web页面,只是与传统的web页面不同的是,插件是嵌入到浏览器中可与任何网站的任何web页面进行交互。也可以访问浏览器...

  • 推荐几个常用的 Chrome 扩展神器

    不能翻墙怎么装 Chrome 扩展?很多小伙伴不能翻墙,安装 Chrome 扩展一直是个很麻烦的事,开始推荐这些插件之前,我先教大家个小技巧,不翻墙怎么安装 Chrome 扩展。首先打开这...

  • 16款为Web开发者准备的Chrome实用扩展推荐

    本文搜集整理了16款Chrome扩展,如果你是一名Web开发者,这些扩展肯定会对你的工作有所帮助。你只需在浏览器中运行,不必再另外安装或打开独立的应用程序。  1.  WhatFont  有了这个扩展,你只需要将鼠标...

  • Chrome扩展开发实战:网页图片抓取,打造专属自己的效率插件

    本文介绍了如何开发一个简单的Chrome扩展程序,该程序能够在面板上显示一个按钮,点击按钮后可以跳转到百度。从创建扩展程序文件夹到加载扩展程序,我们一步一步地完成了整个过程。同时也给出了一个较为进阶一点的...

  • 去除谷歌浏览器以开发者模式运行的扩展程序Chorme

    此程序用于兼容所有谷歌v74及74以下版本,去除谷歌浏览器以开发者模式运行的扩展程序,老旧版本的相对来说较为稳定,各位根据实际情况下载

  • chrome扩展官方文档(中文版)—— chrome 扩展的新功能

    传送门:chrome扩展官方文档(中文版) 原文地址:What’s new in Chrome extensions Chrome扩展有什么新功能 发布于 2021 年 2 月 25 日,星期四 • 更新于 2022 年 2 月 17 日,星期四 经常检查这个页面来了解...

  • chrome插件-Web开发者助手 FeHelper

    由于之前被滥用,Google官方已经在几年前限制非官方的安装Chrome插件,用户如果从非谷歌渠道安装crx扩展文件,会提示非法安装,但如果您是开发者或者国内用户在使用chrome的时候就不太方便,所以分享一点小技巧给...

  • 【教程】如何申请Chrome应用商店(Web Store)开发者

    首先你需要一张信用卡,如果你没有的话,可以借用父母或他人的(多见于学生党) 如果你有信用卡,你还得看看信用卡正面...首先,想要在Web Store发布自己的扩展,就必须先缴纳5美元进行开发者认证。首先我们进入开发者

  • Web-Page-Annotation:用于网页注释的 Google Chrome 扩展

    #Chrome 注释扩展这是 Google Chrome Annotation Extension 的一个实现。 扩展程序是可以修改和增强 Chrome 浏览器功能的小型软件程序。 此扩展程序能够使用画布功能在网页上即时实现注释、自由手绘。 它可用于 Web ...

  • 10个 Web 开发人员的常用的 Chrome 扩展程序

    这几天整理的一下过往的文章和笔记,备份到了 Github 上,地址???? blog。 如果我的内容帮助到了您,欢迎点个 Star ????...现在我专注于前端领域,但我也将...以下是我个人日常 Web 开发中常用的十个 Chrome 扩展。 CSS...

  • Chrome 浏览器扩展程序推荐 Top 10

    1. Evernote Web Clipper 一键保存网页到印象笔记,即时同步到你的手机和电脑,不用复制粘贴编辑再整理。看见什么,「剪」什么。可选择保存整个页面、网页正文或指定部分 2. OneTab 一键合并所有标签,节省高达95...

  • TypescriptWebAuthFlowExample:使用 Web 身份验证流程访问 github 的示例 chrome 扩展

    打字稿WebAuthFlow示例使用 launchWebAuthFlow 网络身份验证流程访问 github 的示例 chrome 扩展。设置(让它只有你能看到) 获取在“更多信息”下的仪表板中找到的公钥(不包括 -----BEGIN PUBLIC KEY ----- 部分)...

  • 海尔智能电视刷机数据 U49A5 机编DH1W80A0305 务必确认机编一致 强制刷机 整机USB升级主程序

    务必确认机身编号与文件名机编一致,如不一致,请勿下载 机身编号一般在机子背面的贴纸上 升级方法: 1、下载数据,压缩包解压,将“Haier638Upgrade.bin”文件拷贝到U盘根目录下(U盘要求使用FAT32格式,建议4G-8G的品牌U盘,刷机成功率会高) 2、电视关机拔下电源,插入U盘,按住机身按键板上的“菜单”键不放,插电开机,直到LED灯开始闪表示升级正在进行,升级成功后机器会自动重起。 3、重启之后,重新交流上电,升级完成。 注意: 1、升级到结束,大约需要8-30分钟,中途绝对不能断电 2、升级重启第一次进入系统,请等完全正常进入开机桌面之后,才能拨下U盘

Global site tag (gtag.js) - Google Analytics