最近接手了一个老旧的移动端项目,遇到三个问题比较难解决,我总结了一下,觉得如果可以在 Chrome Dev Tool 里看到,当前页面中请求的资源是哪个代码发出的,就好解决多了,这三个问题是这样的:
1、该项目里移动端的页面,在手机里看是没问题的,在本地开发环境用 ip 访问也是没问题的。但是一旦用 PC 浏览器打开 http 的移动端页面,浏览器就会莫名其妙地下载页面自己的 favicon.ico 文件,这个下载是怎么发起的我完全不知道,也不知道从何解决。
2、移动端某些内页会出现报错,报错很简单,就是某些图片加载不成功,但是我并不知道这些图片是那些代码请求的,console 页完全没有提示,所以我也不知道对应要改哪个 js 或 css,而且这个老项目比较大,在本地搜代码比较不显示,而且有可能错误的资源名是在接口拿的,所以也不知道该怎么处理。
3、用移动端或者在 Chrome Dev Tool 模拟手机页面的时候,有小几率会被劫持加载一个叫 2482m.js 的广告脚本,具体是哪里被嵌入了这个 js 我也不知道,求助。
所以,请问前端如何定位,当前页面中请求的资源在代码中发起的位置?