ChromeFEWEB前端开发助手是一款chrome浏览器插件,包含一些前端实用的工具,如字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、栅格规范检测、网页性能检测、页面取色等web前端开发的常见功能。 基本简介 这款FEWEB前端开发助手对于web前端需要处理的网页html源码压缩,css或javascript的压缩都能处理的很好。如果前端web开发人员需要和后台代码工程师配合,那么使用json数据传输的时候,使用这款FEWEB前端开发助手能够帮助web前端工程师更加快速地对json进行解码。当web前端程序与后台进行数据交互的时候使用URL编码肯定是必不可少的了,但是我们往往需要预先知道这款字符编码以后的情况,以为与后台开发人员一同提前作出相应处理或对字符发送期间产生的问题进行排查。如果有特殊的情况,FeHelper插件甚至还可以帮助用户把普通的字符直接编码成时下最流行的二维码图片与移动设备交互。 功能介绍 -字符串编解码(Unicode/UTF8/Base64/MD5); -代码美化工具(HTML/CSS/JS/XML/SQL); -代码压缩工具(HTML/CSS/JS); -Json串格式化(粘贴文本、手动格式化); -Json页面美化(页面自动检测并格式化,强制开启); -二维码生成器(支持当前页面生成QrCode); -页面取色工具(滑动鼠标随意取色); -Js正则表达式(正则测试、常用正则列表); -时间(戳)转换(Unix戳与本地时间的互转); -图片Base64(任意图片转DataURI格式); -编码规范检测(HTML/CSS/JS规范检测); -页面性能检测(页面响应时间、Header监测); -Ajax调试功能(需在控制台中使用); 使用方法 方法一:.crx文件格式插件安装 1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。 2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入:chrome://extensions/ 3.找到自己已经下载好的Chrome离线安装文件xxx.crx,然后将其从资源管理器中拖动到Chrome的扩展管理界面中,这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。 4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去,但是谷歌考虑用户的安全隐私,在用户松开鼠标后还会给予用户一个确认安装的提示。 5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去,安装成功以后该插件会立即显示在浏览器右上角(如果有插件按钮的话),如果没有插件按钮的话,用户还可以通过Chrome扩展管理器找到已经安装的插件。 方法二:文件夹格式插件安装 1.首先用户点击谷歌浏览器右上角的自定义及控制按钮,在下拉框中选择设置。 2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。 3.勾选开发者模式,点击加载已解压的扩展程序,将文件夹选择即可安装插件。 谷歌插件