Google Chrome浏览器网页性能监控操作技巧教程
一、打开Chrome浏览器，点击右上角的“菜单”按钮，选择“工具”。
二、在弹出的菜单中，选择“扩展程序和附加组件”，点击“添加新扩展程序”。
三、在搜索框中输入“Performance”，找到并安装名为“Performance”的扩展程序。
四、安装完成后，点击“菜单”按钮，选择“扩展程序和附加组件”，点击“检查更新”。
五、在弹出的窗口中，勾选“允许扩展程序访问我的浏览数据”，然后点击“检查更新”。
六、安装完成后，点击“菜单”按钮，选择“扩展程序和附加组件”，点击“卸载扩展程序”。
七、在弹出的窗口中，找到刚刚安装的“Performance”扩展程序，点击“卸载”。
八、卸载完成后，重新打开Chrome浏览器，点击“菜单”按钮，选择“工具”。
九、在弹出的菜单中，选择“开发者工具”，点击“加载已解压的扩展程序”。
十、在弹出的文件管理器中，找到刚刚卸载的“Performance”扩展程序，点击“打开”。
十一、在开发者工具中，点击“控制台”，输入以下代码：
javascript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

十二、点击“控制台”，输入以下代码：
javascript
window.onload = function() {
console.log("页面加载完成");
};

十三、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "red";

十四、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "blue";

十五、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "green";

十六、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "yellow";

十七、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "orange";

十八、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "purple";

十九、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "pink";

二十、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "brown";

二十一、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "gray";

二十二、点击“控制台”，输入以下代码：
javascript
document.body.style.backgroundColor = "black";