可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。
1.下载“火狐浏览器”。如果电脑上没有安装“火狐浏览器”，可以在百度中搜索并下载，如图：
2.使用火狐浏览器打开需要调试页面（也可以在开发工具设置火狐浏览器来打开），如图：
3.按F12打开“开发者工具”。界面如图：
4.选择“调试器”选项，然后选择需要调试的JS代码，接着在合适的位置加入断点，如图：
5.按F11或者F10单步调试JS（F11和F10的区别：F11调试，单步执行,进入调用的其它函数；F10调试，单步执行，不进入调用的其它函数）。也可以单机页面上相应的按钮进行调试。如图：
同学很简单的，如下操作。1.一些购买的模板是可以改变的可变图片区域。一般就是这个按钮和对话框，可以在模板的特定模块中找到替换图片。
2.但是，固定背景、边框和标题栏中使用的一些图片无法修改，因为模板制作者将它们封装在固定图片区域中。
3.如果需要修改某一张图片，可以咨询模板制作人，他们最后能给出最准确的答案。
4.原则上不使用黑科技是不能修改买来的模板的。其实就算是已经上线的模板，xml也是不能再编辑的。所以加功能肯定不行(淘宝模板php，php，css都可以改)。一般买家只能通过模板后台已有的功能来更改东西。买的模板的代码不能自己改。
5.自己写代码做模板去应聘设计师就行了。只用简单的php知识，xml，css，html。如果不是js模板，js就不要了。淘宝有很多内置组件，随便叫。
