讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

AniShort
AniShort

AI短剧协同制作平台

Laper
Laper

剧本策划到成片协作

Seko
Seko

AI短剧一键生成成片

下载分类

全部

PHP运行环境

插件扩展

Charset这个插件是专门可以用来修改网站的默认编码的。由于使用频率较低,Google Chrome在55版本以后删除了手动设置网站编码的功能。但是在部分设置不规范不正确的网站,新版浏览器无法准确判断其使用的编码,导致网站显示乱码。GitHub 开源地址:https://github.com/jinliming2/Chrome-Charset

谷歌浏览器插件Charset修改网站的默认编码插件

管理浏览器请求,包括修改请求头和响应头、重定向请求、取消请求修改请求头、响应头、重定向请求、取消请求如果此扩展名没有包含您想要的语言,您可以在Transifex上帮助我们将其翻译成其他语言:https://www.transifex.com/sytec/header-editor/您可以从Redirector导入规则:http://redirector.team.firefoxcn.net/

Header Editor

Grepper是软件开发者的代码搜索辅助工具,轻松地从网络上获取代码示例,然后访问代码示例。积累常见编码问题的代码答案,不用思考就找到代码答案——使用Greppers“代码问题”搜索引擎。

谷歌浏览器插件Grepper 方便开发者使用的代码搜索

Ember Inspector 是一款用于调试Ember应用程序的工具,俗称Ember Debug,它可以快速了解和调试Ember.js应用程序。

谷歌浏览器插件Ember Inspector 用于调试Ember应用程序的工具

DivMagic 是一款设计辅助插件,可将任何网页中的元素转换为可重用的web组件,将其无缝转换为干净、可重复使用的CSS或Tailwind CSS代码。除此之外,DivMagic使您能够将元素转换为React/JSX组件,并轻松地在HTML和React/JSX之间切换。让你的开发工作变得更加轻松。

谷歌浏览器插件DivMagic 将任何网页中的元素复制为可重复使用的web组件

LambdaTest是一款web开发跨浏览器兼容性测试工具,可以在不同的移动和桌面浏览器上生成屏幕截图。在2000多个不同的浏览器和操作系统组合中对你的网站或webapps进行全页面截图。确保您的网页在所有主要浏览器、浏览器版本、操作系统、移动设备和分辨率上都是跨浏览器兼容和响应的。因此,不仅是在Chrome上,这个插件还在Firefox、Safari、Internet Explorer、Edge

谷歌浏览器插件LambdaTest web开发跨浏览器兼容性测试工具

SpectorJS 工具提供了npm模块、Chrome扩展程序等多种安装方式。本文推荐的是Chrome 端插件。使用SpectorJS:1、SpectorJS安装完成后,Chrome浏览器的地址栏右侧将会出现一个红色小图标,如下图所示默认情况下, SpectorJS处于非工作状态。2、点击这个红色图标,图标变成绿色, SpectorJS开始工作,将重新加载当前页面,并注入调试代码用来收集当前Web

谷歌浏览器插件Spector.js WebGL 开发者工具 DrawCall优化之分析利器

MicroGPT 是一款使用AI技术对开发者写代码有帮助的插件,实时AI建议、智能调试和即时文档支持来提升编码水平。通过利用先进人工智能的力量,MicroGPT提供实时审计,生成智能编码建议,并确保您的开发过程比以往任何时候都更顺畅、更快、更高效。MicroGPT在您键入代码时不断扫描代码,识别潜在问题和效率低下。这种即时反馈循环允许现场纠正,大大缩短了调试时间,加快了开发周期。与Remix ID

谷歌浏览器插件MicroGPT 实时AI建议、智能调试和即时文档支持来提升编码水平

NerdeFocus非常适合检测焦点重置、测试键盘焦点以及调试现代web应用程序中的屏幕读取器问题。安装插件后,需要打开开发者工具调试面板,会在末尾加上NerdeFocus 板块,是前端开发好用的工具之一。

谷歌浏览器插件NerdeFocus 适合前端开发检测CSS元素的焦点

CSS Scan 是一个前端工具,安装插件后当你把鼠标悬停在网页元素上时可以立即显示元素的CSS。注:插件带内购功能。

谷歌浏览器插件CSS Scan 快速查看及复制网页元素的CSS

Validity 是一款验证网页HTML 信息的插件,有错误的话,可以在Chrome的JS控制台中看到。

谷歌浏览器插件Validity 快速验证HTML文档W3C有效性 查看错误信息

Stylus 是一个个性化网页界面定制管理工具,使用它可以给常用的网站换装!就像更换手机主题一样,给网站来一次换肤。以百度为例,可以轻松定制!这个网页中就有很多用户修改后可用的样式:https://www.tampermonkey.cn/forum-48-1.html好玩,好用的一个插件。

谷歌浏览器插件Stylus 个性化网页界面自定义样式定制管理器

Yet Another REST Client 是一个REST 客户端插件,简称“YARC ”,方便用来做开发 、测试和调试 RESTful API,可以替代postman。

谷歌浏览器插件Yet Another REST Client 开发 、测试和调试 RESTful API

Color Picker for Chrome™ 是一款HEX,RGB颜色选择器,高级滴管,能够在任何页面上拾取颜色,获得颜色的HEX/RGB代码。如何使用插件呢?✓ 安装后,打开您想要获取颜色代码的任何网页✓ 然后单击扩展图标,它将启用颜色选择器图标✓ 再点击所需拾取颜色的地方,它将以HEX和RGB选项为您提供该颜色代码的信息✓ 复制代码并复制相同的步骤以查找另一个颜色代码。

谷歌浏览器插件Color Picker for Chrome™ 在网页上拾取颜色 获取颜色HEX/RGB代码

Simple OAuth2 Client 一个简单的OAuth2客户端chrome扩展,用于通过授权代码流获取访问令牌以供开发使用。使用此扩展,您可以获得访问令牌,而无需准备应用程序或服务器来捕获OAuth2重定向。

谷歌浏览器插件Simple OAuth2 Client 供开发使用OAuth2客户端chrome扩展

Chrome插件Vysor提供了连接并显示安卓屏幕的内容,做安卓开发的辅助工具。允许你在电脑查看和控制安卓手机。

Vysor

WordPress Admin Switcher 的功能很简单,安装插件后,点击图标可以切换到wordpress后台地址,不用再手动输入”wp-admin” ,这个插件还支持快捷键“cmd/ctrl + shift + A”,其实你也可以用一个书签来代替这个功能。Quickly log into and switch to/from the WordPres

谷歌浏览器插件WordPress Admin Switcher 切换到WordPress后台

Redux DevTools是Chrome浏览器中的一款调试插件,它可以用于调试redux中的状态更改,我们可以清晰的看到当前store仓库中的state是怎么样的,在可视化工具的左边,我们还可以看到触发的action的变化。The extension provides power-ups for your Redux development workflow. Apart from Redux,

谷歌浏览器插件Redux DevTools Redux调试工具

PerfectPixel by WellDoneCode (pixel perfect) 是一款前端开发插件,有助于开发者在页面像素校对,允许开发人员和设计人员在开发的HTML顶部放置半透明的图像覆盖,并在它们之间执行像素完美比较。插件特性:多层支持层反转和缩放每个网站的单独层在浏览会话之间保存图层简洁易用的UI拖放文件上传、从url粘贴、从剪贴板粘贴支持键盘箭头键和鼠标滚轮支持扩展名适用于文件:

谷歌浏览器插件PerfectPixel by WellDoneCode (pixel perfect) 网页开发像素比较校对

这是一款开发者专用的Chrome插件,JSON-handle可以对JSON格式的内容进行浏览和编辑,以树形图样式展现JSON文档,并可实时编辑。

JSON

Git代码目录树浏览工具,支持GitHub通知,Git文件历史可视化。开发效率工具,让代码浏览更便捷。功能:– 支持GIt目录树查看(GitHub && GitLab && Gitee && Gitea)– GitHub显示仓库、文件大小,并支持文件复制下载– 支持文件搜索&#821

谷歌浏览器插件Git Master Git代码目录树浏览工具,支持GitHub通知,Git文件历史可视化

Magic CSS是一款支持实时编辑CSS/Less /Sass代码预览的开发者工具插件,支持自动保存文件,自动补全,Less/Sas到CSS,美化,CSS重载,lintLive preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader,

谷歌浏览器插件Magic CSS支持实时编辑CSS/Less /Sass代码预览

SelectorsHub 是一款开发者工具插件,Selectorshub是免费的 Next Gen Xpath插件和 CSS Selectors插件。它由 Chrome Store正式推荐常简单的3个步骤开始选择器 Hub xpath插件.1.从下面的链接将 Selectorshub xpath插件添加刭您的浏览器,重新启动浏览器并打开网站2.右键单击并单击检查,它将打开 Devtools3.在

谷歌浏览器插件SelectorsHub 元素定位神器

Odoo Debug是一款Odoo 调试工具,可一键快速切换到Odoo 调试模式。如何使用鼠标?单击扩展图标进行调试。双击扩展以使用资源模式进行调试。如何使用键盘快捷键操作?(在mac中使用cmdû)按Ctrl+用于调试模式。按Ctrl+ +用于使用资产模式进行调试。(按住ctrl并按两次+)如果想修改快捷键,chajian5提示你可以从设置>扩展>键盘快捷键(底部)更改键盘快捷键

谷歌浏览器插件Odoo Debug 一键点击切换Odoo调试模式

热门下载

更多
Vue.js devtools V5.1.1
Vue.js devtools V5.1.1

过Vue.js devtools,是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试

Karson / tinytools
Karson / tinytools

Tiny tools(迷你工具)是一个Chrome的扩展,其中包含了很多有用的工具,如QR码生成器,QR码解码、翻译,时间戳转换,源格式,JSON格式,图像base64字符编码等等。

Angular调试插件AngularJS Batarang
Angular调试插件AngularJS Batarang

angularjs batarang插件是一款功能强大的可以安装到谷歌浏览器上使用的Angular调试插件,安装使用这款angularjs batarang插件可以让你在开发过程中更加便捷。

Talend API Tester
Talend API Tester

Talend API Tester插件以前称为Restlet Client是由开发人员设计和开发,是一款能够帮助编程人员进行网页调试的工具。Talend API Tester使调用,发现和测试HTTP和REST API变得容易。可与REST,SOAP和HTTP API进行可视化交互.

Detailed SEO Extension
Detailed SEO Extension

SEO是一种搜索引擎的优化技术,网站的运营者需要发布一些优质的内容来满足用户的需求,从而博得搜索引擎的喜爱,进而从搜索引擎带来搜索流量。衡量搜索引擎对一个网站的喜爱程度,通常都是由这种SEO指标组成,关于SEO我们介绍过许多的插件比如SEO工具条:SEOquake、META SEO inspector、5118站长工具箱 - 必备SEO插件等等,今天小编有给大家带来了一款可以快速分析某个网页的标题

热门专区

更多
Gradle官方下载安装入口_Gradle Java项目构建教程_Gradle Wrapper配置指南
Gradle官方下载安装入口_Gradle Java项目构建教程_Gradle Wrapper配置指南专区"

Gradle专区汇集官方下载包、版本更新日志、安装配置指南与中文学习资料,覆盖Java、Kotlin和Android项目的依赖管理、多模块构建、自动化测试及持续集成。通过实战教程了解Gradle Wrapper、插件开发、构建缓存和配置缓存的使用方法,掌握构建性能分析、版本升级、依赖校验与供应链安全配置,为个人开发和团队工程实践提供参考。"

Vite官网入口_Vite前端开发构建工具_Vite项目创建与生产环境打包教程
Vite官网入口_Vite前端开发构建工具_Vite项目创建与生产环境打包教程专区"

Vite专区提供官网入口、8.3.5 官方下载、前端项目创建、开发服务器配置、生产环境打包教程和官方文档资源,并提供历史版本下载。"

Playwright官网入口_Playwright浏览器自动化测试_Playwright跨浏览器测试与调试教程
Playwright官网入口_Playwright浏览器自动化测试_Playwright跨浏览器测试与调试教程专区"

Playwright专区提供官网入口、1.64.1 官方下载、Chromium/Firefox/WebKit 跨浏览器测试、调试教程和官方文档资源,并提供历史版本下载。"

Golangci-lint官网入口_Golangci-lint基础教程_Golangci-lint入门指南
Golangci-lint官网入口_Golangci-lint基础教程_Golangci-lint入门指南专区"

PHP中文网 Golangci-lint 专区提供官网入口、基础教程、入门指南、官方文档、各平台下载和版本资料,帮助 Go 开发者搭建本地与 CI 代码质量检查流程。"

XORM框架官网入口_XORM框架数据库操作教程_Go XORM事务处理与数据管理
XORM框架官网入口_XORM框架数据库操作教程_Go XORM事务处理与数据管理专区"

PHP中文网 XORM框架专区提供 XORM 官网入口、数据库操作教程、事务处理文档、源码包下载和 Go XORM 数据管理资料,帮助开发者掌握模型映射、链式查询、事务和多数据库开发。"

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn