如何从网页找到对应的前端代码和后端代码

最新推荐文章于 2024-06-19 14:12:26 发布
最新推荐文章于 2024-06-19 14:12:26 发布
阅读量4.7w 收藏 81
点赞数 7
分类专栏： 技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18783269/article/details/57429294
版权

谷歌浏览器:
1.按F12 –> Network –> Doc –> 看Name里面的请求 –> 得到URL
2.Ctrl+H –> 选择File Search –> Containing text中填入关键字 –>
File name patterns中填入web.xml或.java或.jsp找相应的后端代码或前端代码
(注:不要填*,因为可能找不全)

痴人说梦丶
关注
  • 7
    点赞
  • 踩
  • 81
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
怎么通过前端页面找到后端代码（接口）（controller）
学未者
09-14 3万+
通过页面找到后端代码流程： 1.找到页面按f12，点击network或者网络其实就是一个东西 2.点击页面搜索出现了一个东西name然后点开这个name 3.看到地址后复制文号之前的一小段 （根据自己的项目看） 4.最后打开idea按住ctrl+shift+N粘贴进去就看到一个p之后按回车就可以看到后端的接口了。 ...
网页如何找到html对应的css,怎么查看网页的CSS代码？如何阅读？
weixin_40008870的博客
07-08 7386
很多学习一段时间HTML与CSS的小伙伴在看到别人写的网页的时候可能会冒起一阵学习的兴趣，想要看看别人优秀的前端页面的HTML与CSS是怎么写的。但是却没有比较好的办法查看到相应的文件。接下来小编用这一篇文章告诉你，怎么查看网页的CSS代码吧！最简单暴力的方法——直接保存这是对于初学者来说最简单的方法了。只需要右键保存一个网页，就能直接获取到这个网页的所有静态内容(包括html，css，部分js还...
web问题定位：F12，如何找到对应接口
crhnb的博客
07-11 1258
接口查看法，是我们最常用的定位前后端问题的方法。即：一般用来查看是后端返回给前端的数据有误，还是前端显示有误。主流浏览器（如Chrome，FireFox，等）都有自带的接口查看工具，可以通过F12（设置–工具–开发者工具）开启抓包。每进行一个操作，一般都会调用对应的接口，在NetWork中可以看到当前页面发送的每个请求。
测试人员必备技能——如何利用F12快速定位前后端BUG
最新发布
qq_48811377的博客
06-19 1099
在测试人员测试过程中经常需要通过抓包来区分一些前后端的Bug，特别是Web端的测试，利用浏览器中的F12开发者选项，就能进行网站界面测试、调试，分析网页所出现的问题，查看html元素、查看响应事件等方面。F12开发者工具面板用Google打开一个页面，点击键盘右上方的F12按钮，弹出F12开发者工具面板。如下：1.元素查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。2.控制台一般用于执行一次性代码，查看JavaScript对象，查看调试日志信息或异常信息。
如何根据前端内容快速找到程序中的代码
热门推荐
大头鱼
07-25 1万+
1.首先按F12调出调出调试台
如何快速定位到网页中某些内容的代码位置
weixin_52797317的博客
04-10 4345
第三步：在该routes.js文件中查看该路由对应哪个组件，复制组件路径（component引入的路径），使用ctrl+p快捷键，将复制的路径粘贴在弹出的搜索框中，点击匹配的文件，即可进入该路由对应的文件。第四步：进入该路由对应的组件后可以通过添加一些文本内容，大致定位到代码位置，代码也可能在子组件中，找到大致位置后可以进入子组件继续通过同样的方法进行查找。第二步：在vscode中点击放大镜，在搜索框搜索这个路径，然后进入有这个路径的routes.js文件，如下图。
web网站示例代码拉取
qq_45669178的博客
08-17 464
一、拉取网站代码 一、拉取网站代码 1、创建一个文件夹demo； 注： 1)初始化文件夹 npm init 2)下载express requests npm i express requests demo——index.js //1-1 下载代码 let requests = require("requests"); //2-2在这保存文件 let fs = require("fs"); // 2-1配置它，否则会报错 const path = require('path');//他是node.js的一.
Android studio小技巧之xml与Java类快速跳转
kill_bugs的博客
11-16 7522
每个activity对应的XML文件跳转，点击   中的此图标  就可以跳转到对应xml文件！ 与此对应的就是xml文件跳转至相应activity：   点击 就可跳转！
如何阅读前端项目源码
kiku
12-05 4042
导语 这篇文章主要介绍下笔者看源码的一些心得和方式，由于笔者看的大部分是前端项目，当然也看过一些其它领域的源码，不过不多，所以内容主要还是以前端项目为主。了解和熟悉1、在准备看一个开源项目源码的时候先去熟悉下这个项目的背景、功能以及相应的API。这步为了理解整个项目的功能做准备，也是为了后面重点看哪些模块做准备2、查看项目的README.md文件。有些项目会在将设计文档和架构图放到md文件上，这样会让你宏观上对一些概念有些认识。例如immer3、查看项目整体的文件结构。比如下面提到一些重点需要查看的文件：p
layUI实现前端分页和后端分页
10-16
layUI是一个优秀的前端组件库，提供了丰富的UI元素和便捷的API，包括前端分页和后端分页的实现。本篇将详细介绍如何使用layUI来实现这两种分页方式。 **前端分页** 前端分页是指在浏览器端进行数据的分块加载，通常...
漂亮的告白前端代码，不含后端代码。
11-23
这篇文档将详细解析标题“漂亮的告白前端代码，不含后端代码”以及其描述中涉及的前端开发技术。首先，我们需要理解“前端代码”是指在用户浏览器中运行的代码，主要包括HTML、CSS和JavaScript，它们共同构建了网页...
前端、后端代码自动生成
10-30
【前端、后端代码自动生成】技术是一种提高软件开发...总体来说，前端、后端代码自动生成技术通过自动化的方式，大大提升了软件开发的效率和质量，减少了手动编写基础代码的时间，让开发者能够更专注于业务创新和优化。
对象识别之疲劳驾驶监控，包括前端JS代码和后端训练标注数据
04-02
在实际应用中，前端JS代码捕获的驾驶者图像会被发送到后端的SageMaker模型进行推理。模型会分析图像，识别出是否存在疲劳驾驶的迹象，如闭眼、低头或脸部表情异常。如果检测到疲劳驾驶，系统会及时发出警告，提醒...
限时特价php后端代码和前端代码
01-13
【标题】"限时特价php后端代码和前端代码"揭示了这个压缩包文件的主要内容，即包含了一些PHP编程语言的后端代码以及对应的前端代码。这通常指的是一个Web应用程序或网站的开发资源，其中PHP是服务器端脚本语言，用于...
如何快速的定位程序中某个功能对应的代码？
u013588712的博客
06-14 4848
如何快速的定位程序中某个功能对应的代码？ http://www.dewen.net.cn/q/2113 4788 我们经常会接手别人开发完的一些代码，而且通常有这样一些任务要做： 1.解决某个模块的指定bug。 2.增加或者修改某个模块的feature。 3.添加新的功能模块。 因此我们经常需要找到一个功能模块的
Android-如何快速定位到一个界面对应的Activity？
Rayman
07-08 7166
更新一篇小技巧功能吧。 一般接手一个项目，假若不是有很清晰的文档，那么找Activity与xml对应的关系，是一件麻烦的事情。 即使在AndroidStudio 3.4更新了ResourceManager之后，虽然可以快速查看到xml的大概布局，但是在大型项目上面，有很多页面都是通过自定义View或者类似的布局复用达到需求效果。 那么用ResourceManager就不是一个很好的办法了。 ...
Android 怎么快速查看xml文件被调用的哪个java文件
彬sir哥的博客
12-24 2168
                                            &n
精美前端页面在哪里找
默默的笔记
12-18 1万+
好看的前端都在哪里找呢，看这里！ 下面给大家一个网站，这里面有很多主题形式的 https://www.sitestar.cn/website/combination_templates.aspx?type=all 一、页面筛选 打开页面是这样子的： 在左边可以直接查找到自己比较中意的前端页面，精美模板里面好多都是收费的，在通用模板里面基本上都是不收费的，大家可以随便使用。 二、点击预览 如果遇到...
根据你的前端代码帮我写对应的java后端代码三层架构
05-25
好的，根据前端代码，我可以看出你的前端使用了 MVC 架构，因此我会为你编写三层架构的 Java 后端代码。 首先，我们需要创建三个层次的包：controller、service 和 dao。其中，controller 层负责接收请求并处理参数，service 层负责处理业务逻辑，dao 层负责与数据库进行交互。 以下是示例代码： Controller 层： ```java package com.example.demo.controller; import com.example.demo.service.UserService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; @RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; @RequestMapping("/get") public String getUserInfo(String userId) { return userService.getUserInfo(userId); } } ``` Service 层： ```java package com.example.demo.service; import com.example.demo.dao.UserDao; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; @Service public class UserService { @Autowired private UserDao userDao; public String getUserInfo(String userId) { return userDao.getUserInfo(userId); } } ``` Dao 层： ```java package com.example.demo.dao; import org.springframework.stereotype.Repository; @Repository public class UserDao { public String getUserInfo(String userId) { // 模拟从数据库中获取用户信息 return "User info for user " + userId; } } ``` 这是一个基本的三层架构示例，你可以根据自己的需要进行修改和扩展。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值