This topic created in 1173 days ago, the information mentioned may be changed or developed.
我是一个后端,早年 JQuery 时,页面按钮一般是 a 标签,href 属性就是请求地址;或者其它标签,一般在 onclick 属性里也能找到;现在 Vue 了,按钮就是个 button ,本身只有 type 、class ,看起来也没啥特殊的,怎么找对应的请求地址呢?
1.问前端可以问到,我想学一下能不能通过浏览器 F12-Elements 自己找;
2.不能动线上数据,也就是没法通过 F12-Network 来看。
19 replies • 2023-04-06 10:18:10 +08:00
 |
|
1
sanmaozhao Apr 3, 2023 4
可以在 F12-Network 里面,调成 Offline ,然后再点按钮 这样请求地址会出现,但是由于已离线,不会产生实际的调用
|
 |
|
2
CloudnuY Apr 3, 2023 2
Element 里找到选中这个元素,在事件监听器里找到 click 方法,点进去追踪一下函数
|
 |
|
3
dafuyang Apr 3, 2023 via Android
f12 查网络请求里面的 fetch/XHR 请求跟动线上数据有什么联系啊,你把网络设置成 offline 发不出去不是也可以。。
|
 |
|
4
brader Apr 3, 2023
F12-Elements 选中这个元素,然后在界面右边有个 Event Listeners 能看到监听的事件
|
 |
|
5
AV1 Apr 3, 2023
就算你不知道 Network 里有个模拟 Offline ,你也应该懂得关 wifi 、拔网线,再点按钮来看请求地址嘛。
|
 |
|
6
lichdkimba Apr 3, 2023
JQuery 时代都是绑定事件的………… href 属性的至少不能算 JQuery 的风格
|
 |
|
7
ruoxie Apr 3, 2023 via iPhone
把你网线拔了,f12 不就能看了,当然连续调多个接口而且有先后顺序的,还是看不到
|
 |
|
8
AyaseEri Apr 3, 2023
jQuery 时代就已经是事件触发 ajax 了,a 标签都不是调接口的操作
|
 |
|
10
Pastsong Apr 3, 2023 via Android
click handler 有点难找 现在都是绑在 root 上代理下来的,用网络请求的发起者反找比较方便
|
 |
|
11
ivslyyy Apr 4, 2023
1 、f12 断网后抓包 2 、source 里监听点击事件 3 、看源码,在源代码里找
|
 |
|
16
MuHuoLiLi Apr 4, 2023
@ CloudnuY 定位到 button 元素后,监听器显示这样  这三个定位分别跳转到    应该继续从哪个方法跟踪,来找到最终 URL ?
|
 |
|
18
wangtian2020 Apr 4, 2023 1
Vue 项目如果按照正常流程打包上线,线上的都是 min 压缩后的 js 文件,鬼找得到啊。去看前端源码
|