后端程序员怎么快速知道前端 web 页面数据的来源? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
NotAProgrammer
V2EX    程序员

后端程序员怎么快速知道前端 web 页面数据的来源?

  •  
  •   NotAProgrammer 82 天前 4761 次点击
    这是一个创建于 82 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,op 在进入新项目组,在属性项目的时候就是遇到一个困惑,这个 web 页面调用的是哪个接口来呈现数据的?我知道有 f12 能看到页面的调用网络,仅仅知道这个,但是如果有些数据是首次加载的,经过前端代码运算展示的,那我可能没那么容易知道。我不懂前端体系的代码。虽然可以学习,但是时间不够了,现在 ai 这么厉害,有没有这样的工具来帮助我快速知道这个页面的数据源的组成????

    35 条回复    2025-09-06 09:12:15 +08:00
    JoeJoeJoe
        1
    JoeJoeJoe  
    PRO
       82 天前
    可以直接问前端吗?
    shintendo
        2
    shintendo  
       82 天前   5
    啊这,是不许跟前端说话吗
    miaotaizi
        3
    miaotaizi  
       82 天前
    把接口注销掉不就行了吗
    Stop
        4
    Stop  
       82 天前
    看不懂前端代码吗
    MEIerer
        5
    MEIerer  
       82 天前
    应该没吧,除非是刚好跟前端对接过的
    buptloser
        6
    buptloser  
       82 天前   16
    前端哥们儿的语言是不通的(
    Immortal
        7
    Immortal  
       82 天前
    1. 直接问
    2. 在前端代码库直接搜请求的路由+AI 辅助
    tf2
        8
    tf2  
       82 天前
    呃,想回答但是又不知道怎么回答。只能说,

    坦克是没有后视镜的。
    xiaofeixiang
        9
    xiaofeixiang  
       82 天前
    有前端问前端,没前端自己干看代码
    JoeDH
        10
    JoeDH  
       82 天前
    后端是没有后视镜的
    fruitmonster
        11
    fruitmonster  
       82 天前   1
    为啥不看后端代码,去研究前端?
    wangxiaoer33
        12
    wangxiaoer33  
       82 天前   2
    不要多管闲事,这次看了前端代码,下次就得上手写了
    cwliang
        13
    cwliang  
       82 天前
    一般来说前端不会对后端返回的数据过渡加工,在 response 里面搜关键字,找到字段名,接着在对应接口的后端模块搜该字段名,顺藤摸瓜~
    johnawesome172
        14
    johnawesome172  
       82 天前
    沟通是硬道理,不能的话,log 全的话,可以刷一下页面,然后后台 log 看看这个用户 id 发了什么请求。有些前端 framework ,比如 react native, 请求直接可以在 inspector 里找到,也很方便。
    wogogoing
        15
    wogogoing  
    PRO
       82 天前
    @buptloser 哈哈哈哈,紧跟时事。
    fruitmonster
        16
    fruitmonster  
       82 天前
    @wangxiaoer33 说的好,说的妙,下次就让你来改前端,测试感兴趣不,测试也来干,运维呢?
    datoujiejie221
        17
    datoujiejie221  
       82 天前
    让前端把代码仓库权限给你,然后 vscode 打开,装上 ai 插件开始提问。
    wangtian2020
        18
    wangtian2020  
       82 天前
    先开 F12 ,再刷新页面。有前端问前端
    realpg
        19
    realpg  
    PRO
       82 天前   1
    你是绿了前端吗 人家不跟你说话
    potatowish
        20
    potatowish  
       82 天前 via iPhone
    前端代码是看不懂的
    自学前端是不可能的
    前端大佬是不敢问的
    Oceanhime
        21
    Oceanhime  
       82 天前
    反正我之前任职过的公司,内部的 API 文档基本都会写明这部分前端谁负责、后端谁负责,以及对应展示和处理的逻辑,看不明白去问对应的人就好了。
    visper
        22
    visper  
       82 天前
    拿前端代码库去问 AI
    irisdev
        23
    irisdev  
       82 天前
    我想知道你为啥想要知道
    alleluya
        24
    alleluya  
       82 天前
    @wogogoing #15 ? 什么梗这是
    zepc007
        25
    zepc007  
       82 天前
    @alleluya 吴京那个梗吗,哈哈哈
    94
        26
    94  
       82 天前
    张嘴问啊…又不是什么开不了口的事情……
    wogogoing
        27
    wogogoing  
    PRO
       82 天前
    @alleluya 吴京的梗。原句是“坦克是没有后视镜的,子弹是不长眼的...”
    SanjinGG
        28
    SanjinGG  
       82 天前
    直接看接口文档不就是了?
    wanniwa
        29
    wanniwa  
       82 天前
    你们前端逻辑是有多复杂吗,f12 提前看下请求的接口数据,大概也知道是啥数据了吧
    needhourger
        30
    needhourger  
       82 天前
    这里这个问题的边界不对劲吧?
    假设这样一个场景,一个数据在前端从后端获取之后经过前端自己的计算显示出来,但是出现了问题与设计不符。那么第一时间排查这个问题的责任人不应该是前端自己么?
    假设前端在经过检查之后确认前端部分的运算逻辑没有问题,认为是后端传输的数据存在问题导致的,那这个前端应该直接了当的将这个问题转给后端,同时告之后端前端请求了后端什么接口,数据有什么问题,希望后端改进一下。

    正常的流程难道不应该是这样么,怎么能前端上渲染的数据有问题直接甩给后端让后端自己排查,后端又不是全栈,第一责任人本来就该是前端自己啊?
    vaporSpace
        31
    vaporSpace  
       82 天前
    只看页面,有时候前端也看不出来,还得是看代码
    Sfilata
        32
    Sfilata  
       82 天前
    我就先假设你是接了一个全栈的坑没有前端吧。最快的办法是把你的服务器调试打开,看看他进入页面的时候访问了什么东西,然后直接去代码里面查找路径去看。不懂就问 AI ,全局搜索字符串总会吧。如果以上都不会,就在前端群里找个前端,给他发 200 红包,代码也给他,包你能搞清楚。如果不想学习,还想白嫖,那你还是慢慢问 AI 啃代码吧。
    Ghostisbored
        33
    Ghostisbored  
       82 天前
    1 、你启动下前端项目把前端项目请求后端的 baseUrl 代理到你本地项目就好了; 2 、抓包 很多你说的 network 看不到的 直接抓包能看
    tcper
        34
    tcper  
       82 天前
    chrome 可以把 log 下载成文件,你在页面上把所有功能点一遍
    把这个 log 文件送给 ai 处理不就行了
    luckyc
        35
    luckyc  
       81 天前
    你是不知道 F12 的网络请求, 可以保留日志?
    直接刷新页面再来一次就行了啊.
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     910 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 20:38 PVG 04:38 LAX 12:38 JFK 15:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86