LOADING

Dev Helper

Dev Helper2.4

开发助手Dev helper 是一款适用于 Google Chrome 的开发和分析扩展程序,具有以下功能: - 分析网页和绘制图表,显示所有资产的加载时间,按域拆分(包括接收到第一个字节的时间) - 设置重写规则以覆盖请求和响应 url,允许开发人员在不实际部署新代码的情况下进行测试。开发人员可以覆盖、添加或替

官方版无广告11

更新日期:2021年 8月 29日分类标签:语言:中文平台:

90.47KB 0 人已下载 手机查看

简介:
开发助手Dev helper 是一款适用于 Google Chrome 的开发和分析扩展程序,具有以下功能: – 分析网页和绘制图表,显示所有资产的加载时间,按域拆分(包括接收到第一个字节的时间) – 设置重写规则以覆盖请求和响应 url,允许开发人员在不实际部署新代码的情况下进行测试。开发人员可以覆盖、添加或替换请求和响应标头以测试不同的场景。例如,在响应头部分添加“Access-Control-Allow-Origin: *”将解决跨域脚本阻塞问题。另一种使用它的方法是用本地副本替换资产或脚本(JavaScript 和 CSS)。通过这种方式,开发人员可以在不部署的情况下进行更改和测试功能。 1.从chrome应用商店安装扩展。 2. 打开页面的源代码,找到要重写的脚本标签。 3.复制代码,并在本地托管4. 设置重写规则以从本地 Web 主机加载此文件请注意,请记住 Match url 实际上是一个正则表达式,因此任何正则表达式字符都应该被转义!例如,如果您想匹配 http://mysite.com/global.js?version=1 并将其重定向到 http://localhost?version=1你可以这样做:匹配网址:http:\/\/mysite\.com\/global.js?(.*)替换网址:http://localhost?($1) $1 将使用原始 url 中的这些参数替换替换 url 中的所有查询字符串参数。 – 设置重写规则以从不同位置加载资产。例如,开发人员可以编写一个常规的 expssion 模式来匹配他/她正在工作的特定网站中的所有 JavaScript 文件,并从他们的本地主机加载它们。通过这种方式,可以实时进行主动开发,并且可以在部署到生产之前测试新功能。此方法对于调试生产问题也很有用。示例:如果开发人员想要测试新代码将如何影响生产网站:http://www.mysite.com 所有 Java 脚本来自:http://mysite.com/scripts/all_java_script.js 文件,他们可以编写一个匹配“http://mysite.com/scripts/all_java_script.js”的规则并从本地主机“http://localhost/all_java_script.js”加载它- 设置匹配不同正则表达式模式的代理规则。开发人员可以为不同的代理规则编写不同的匹配模式。 – 脚本注入允许向网站添加新的 CSS 或 Java 脚本以进行测试。可以在此处找到有关如何使用它的详细说明和示例:https://www.toni-develops.com/a-homepage-section/projects/using-dev-helper-chrome-extension-for-local-development/

相关资源

Localhost detector
检测您是访问本地主机还是生产环境,并分别仅在本地主机上显示突出的红色横幅。它检查 URL 中的以下内容并添加红色横幅: 1.“本地主机” 2.“127.0.0.1” 3.“本地”。 4.“.local” 5.“分期”。 6.“.stg” 7.“开发”。 8.“测试”。 9.“.测试”如果您想添加任何其他应该匹配并
Simple Page Screenshot
在浏览器中从某个区域截取屏幕截图并显示它。然后您可以保存捕获或复制 base 64 数据 URL。在浏览器中从某个区域截取屏幕截图并显示它。然后您可以保存捕获或复制 base 64 数据 URL。右键单击图像以保存它或使用复制图像 URL 复制 datu URL
Site SEO Analysis
使用站点 SEO 分析摘要和详细的 SEO 报告分析网站的 SEO。此 Chrome 扩展程序由 site-seo-analysis.com 创建,旨在轻松分析网站的 SEO、访问 site-seo-analysis.com 或登录您的帐户。什么是网站SEO分析? Site SEO Analysis 是一个致力于
New tabs to the front
将新创建的选项卡带到前台。此扩展程序强制新选项卡在前台打开,而不是在后台打开。享受!
Redux CheckState (selectors testing)
用于在您的应用程序中创建用于测试选择器的测试用例的扩展该扩展是工具的一部分,可帮助您为所有 redux 选择器创建单元测试,而无需编写任何代码。使用扩展来创建测试用例,并使用检查状态 CLI 在您的项目中运行它。阅读更多:http://wastecleaner.im/check-state
XPath tool
XPath toolXpath Tool在页面点击 ctrl+shift+X 开关本工具,工具开启后按住 shift 移动鼠标选择节点Hit Ctrl-Shift-X on the page to open the XPath Tool console.Hold down Shift as you mouse o

暂无评论

暂无评论...