Code Cleaner

Code Cleaner插件简介

Code Cleaner插件描述

Code Cleaner helps web developers get clear DOM code, when some module on page can be used again, you can use the Elements Panel,then right click mouse, choose Copy as HTML, then paste the code into Code Cleaner, custom your own option, there you go!

Code Cleaner 可以帮助Web开发人员快速获取简洁的DOM结构，当某个模块极具复用性时，可以直接在开发工具的Elements面板右键拷贝HTML，然后粘贴到Code Cleaner中进行处理，即可得到清洁可复用的代码。

**********************************************
不想安装插件的可以直接使用网页版：
http://jiguang.github.io/codecleaner/
**********************************************

V 1.0 版特性：

注意：该扩展只支持最新版本Chrome（19.0.1084.9以上版本），低版本用户若想使用本扩展，请更新Chrome浏览器。

* 清除 id, class, script, idinlinestyle, table, Link, img, script, br, htmlcomment, blank
* 清除自定义属性（自动补全）
* 仅保留常见属性
* 自定义正则匹配
* 替换全部文本
                                

Code Cleaner插件离线安装方法

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

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

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

4.下载 Code CleanerChrome插件v1.0.1版本到本地。

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

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