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

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

  •  
  •   NotAProgrammer · 2 天前 · 3670 次点击

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

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

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

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