使用chrome浏览器，不仅可以方便的调试js代码，也可以很方便的调试css。例如，平台自带的“仿淘宝”案例中，调试最底下的按钮的颜色，步骤如下：

第一步：在chrome浏览器中，打开“仿淘宝”功能

在chrome浏览器中url中输入http://localhost:8080/x5/UI2/demo/taobao/index.w；

第二步：在chrome浏览器中，打开“开发者工具”；

在chrome浏览器中，可以通过F12或菜单，打开“开发者工具”。

第三步：在Elements中调试css样式；

1、激活选中元素按钮；
2、选中期望调试的元素，例如“首页”按钮；
3、在Elements->Styles中查看元素的样式定义；
2

如上图所示，“首页”按钮的color在index.w、comp.min.css的2007行和comp.min.css的1987行都有定义，但index.w的优先级最高，所以它生效。其中index.w中的样式就是index.css中定义的样式，WeX5运行时，将index.css的内容编译到index.w中了。

此时，我们可以直接在Elements->Styles页中直接修改index.w中color的颜色，比如改成blue，这时，浏览器会即时生效（但重新刷新页面后，修改过的内容不起作用）。

通过以上方法，我们可以知道页面中任何元素的样式的定义来自哪里；同时也可以在chrome中直接修改当前样式，看看修改后的运行效果。