1 说明
接到需求，如果判断是产品不支持的，需要定制，首先得判断是在哪里插入什么功能，或者需要修改什么文件，因此我们需要先定位到具体的JS组件，然后再根据需要进行修改。下面从几个常用场景说明如何定位。
注意：说明调试定位之前，请选好一个前端调试工具，现在各浏览器实际都自带了调试工具，网上搜索：IE 开发者工具、Chrome 开发者工具、 火狐开发者工具等等，都会有大量的教程，各开发者工具的使用都大同小异，本文以chrome 开发者工具为例。
2 JS组件的定位
如果要更改现有js组件的内容、逻辑、布局或布局上文字，那就需要找到对应的js组件，找到对应js之后就可以参考修改Smartbi JS文件修改，主要有以下几种定位方式：
2.1 调试快捷键
Smartbi 提供了很多操作快捷键，可以便捷地定位代码位置，具体可见：调试快捷键。
2.2 监控网络请求
使用开发者工具中的网络功能监控网络请求，根据请求js名称或html布局文件名称猜测。
Smartbi是按需加载js组件的，且每个组件基本都会有对应的同名html或.template文件，并且命名都有规范，具有相应功能意义，那实际要看功能对应的JS组件是哪个，只要在加载那个功能之前，监控网络请求，基本就能定位到对应的JS组件。
以查找创建用户功能代码为例：
1）先刷新浏览器，保证是第一次打开创建用户界面（再次打开可能会有缓存而不再请求文件）。打开Chrome调试工具，在点击“新建用户”按钮之前，切换到Network（网络）标签页，先清空所有历史信息，然后点击“新建用户”按钮：
譬如想查找业务主题编辑界面对应的js组件，那就可以打开chrome 开发者工具，切换到网络，在打开一个业务主题之前清空网络内容，然后再打开一个业务主题，从请求信息中就能大概猜出是哪个JS（有时因为某个js组件太常用会事先加载网路请求中也许找不到（但布局html文件基本一定是要渲染时才加载的），这时可能需要依赖相应的布局html文件名猜测对应的js组件）：
4、方法四：前面三种方式都不好找时，还有个笨办法，就是上面说的，系统很多元素都会命名一个bofid、class，这个bofid或class的名称有时都是有意义的，先使用上面查找css的方法查找到对应的bofid或class，再全文搜索（只需搜索.html或.template文件）
