Dev Helper

Dev Helper插件简介

Dev Helper插件描述

Dev helper is all in one development  profiling extension f Google Chrome which has the following features:

 Profiling webpages  drawing charts showing loading time f all assets, split by domain (including time till the first byte received)

 Set up rewrite rules to override request  response urls, allowing developers to test without actually deploy new code.
       Developers could override, add  replace request  response headers to test different scenarios. F example adding AccessControlAllowOrigin: * in the response header section will resolve cross domain script blocking. 

 setting up rewrite rules to load assets from different locations. 
	F example a developer could write a regular expression pattern to match all JavaScript files in particular website where he/she is wking on,  load them from their local host. This way active development could be done in real time,  new features could be tested befe deploying to production. This method is also useful to debug a production issues.

	example: if developer wants to test how the new code will affect the production website: http://www.mysite.com where all Java Script comes from: http://mysite.com/scripts/all_java_script.js file, they could write a rule that will match http://mysite.com/scripts/all_java_script.js  load it from the localhost http://localhost/all_java_script.js
			 
 Setting  rules that match different Regular expression patterns.
	Developers could write different matching patterns f different  rules.

 Script injection allowing to add new CSS  Java Script to a website f testing purposes.

Detailed instructions  examples of how to use it could be found here: https://www.tonidevelops.com/ahomepagesection/projects/usingdevhelperchromeextensionflocaldevelopment/

                                

Dev Helper插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 Dev HelperChrome插件v2.4版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决