V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
NotAProgrammer
V2EX  ›  程序员

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

  •  
  •   NotAProgrammer · 16 小时 6 分钟前 · 2941 次点击

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

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

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

    正常的流程难道不应该是这样么,怎么能前端上渲染的数据有问题直接甩给后端让后端自己排查,后端又不是全栈,第一责任人本来就该是前端自己啊?
    vaporSpace
        31
    vaporSpace  
       10 小时 37 分钟前
    只看页面,有时候前端也看不出来,还得是看代码
    Sfilata
        32
    Sfilata  
       8 小时 54 分钟前
    我就先假设你是接了一个全栈的坑没有前端吧。最快的办法是把你的服务器调试打开,看看他进入页面的时候访问了什么东西,然后直接去代码里面查找路径去看。不懂就问 AI ,全局搜索字符串总会吧。如果以上都不会,就在前端群里找个前端,给他发 200 红包,代码也给他,包你能搞清楚。如果不想学习,还想白嫖,那你还是慢慢问 AI 啃代码吧。
    Ghostisbored
        33
    Ghostisbored  
       8 小时 48 分钟前
    1 、你启动下前端项目把前端项目请求后端的 baseUrl 代理到你本地项目就好了; 2 、抓包 很多你说的 network 看不到的 直接抓包能看
    tcper
        34
    tcper  
       8 小时 44 分钟前
    chrome 可以把 log 下载成文件,你在页面上把所有功能点一遍
    把这个 log 文件送给 ai 处理不就行了
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1161 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 18:00 · PVG 02:00 · LAX 11:00 · JFK 14:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.