LOADING

Dev Helper

Dev Helper2.4

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

官方版无广告13

更新日期: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/

相关资源

Fasterize Status
在更快的页面上查看详细信息Fasterize 浏览器扩展是您快速诊断 Fasterize 服务页面状态的重要伴侣。在本文中,我们将向您介绍所有 Fasterize 用户必备的一切。此扩展允许获取多个信息:用于提供页面的协议:HTTP/1.1 或 HTTP/2.0切换按钮:它允许从优化版本切换到非优化版本,从而检查
JS Selector
一键创建 JavaScript 和 jQuery 选择器。您想通过单击轻松复制和粘贴访问 DOM 元素吗?好吧,你可以停止搜索,我们有你需要的! XPath Selector 向 Google Chrome 插入一个上下文菜单,以便轻松访问此功能。只需右键单击您的元素,选择所需的输出格式,然后将选择器直接放入剪贴
Breakpoint media-queries
生成媒体查询,显示屏幕尺寸宽度并链接到媒体查询片段列表。该扩展程序生成使用 max-width 的媒体查询,帮助您查看当前屏幕大小的宽度并将您链接到媒体查询片段列表。 1. 将扩展程序添加到您的 Google Chrome 浏览器。 2. 开始调整窗口大小并查看内容中断的位置。 3. 单击断点图标。 4. 点击“
偷天换日
资源,接口代理这是一款帮你本地的javascript 文件替换线上的javascript 文件的插件,在前端开发中,可以在线上环境中,把本地更改过的js替换线上js 来做测试,方便快捷。1.0.1 更新:1. 加入了强制对比,匹配会进行字符串逐个对比。2. 加入域名限制,规则只会在某个域名页面下才生效。3.
Window Resizer
调整浏览器窗口的大小以测试具有多窗口支持的不同分辨率的布局。 Window Resizer 是一个简单的实用工具,允许将您的 Chrome 窗口调整为任何特定大小。它支持多窗口控制。它对想要在各种分辨率下进行测试的开发人员和设计人员很有用。 - 精确的内部高度计算。 - 添加和删除 pset 大小。 - 调整特定
Node Debugger
Chrome devtools 中的调试节点连接到 v8 检查器调试实例!此扩展允许您保存配置的调试会话,并在启动时自动检查它们的可用性。要快速入门,您可以执行以下操作: - 使用 --inspect 标志设置启动节点 6.3+ 进程(这将在 localhost:9229 启动调试会话) - 单击 Chrome

暂无评论

暂无评论...