1f12可以查看最终的静态html页面，和JavaScript源代码 ，那自己写js源码不就泄露了吗 2由JavaScript代码暴露，重新认识”前端“和”后端“

最新推荐文章于 2025-02-20 10:57:53 发布
原创 最新推荐文章于 2025-02-20 10:57:53 发布 · 4.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文讨论了前端JavaScript在浏览器环境中运行时的代码可见性问题，并提出了如何利用这一特性进行学习的方法。同时，文章还介绍了前端与后端的区别。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1f12可以查看最终的静态html页面，而JavaScript就是运行在最终静态html页面上的，那么自己写的JavaScript方法不就泄露了吗？

答案：是的。

2因此，有些时候，自己在写程序时，某些功能不知道通过JavaScript怎么实现，怎么办？

与其去问百度，不如找一个具有这样功能的网站，通过f12查看他JavaScript源代码，copy过来就OK。

 


3 2由JavaScript代码暴露，重新认识”前端“和”后端“

前端：浏览器端

后端：服务器端

前端页面是如何禁止被查看源码、被下载，被爬取，以及破解方法
全栈开发的博客
07-20 1852
不太地道就不公开了
JavaScript青少年简明教程：开发工具与运行环境
cnds123的专栏
07-12 1596
JavaScript青少年简明教程：开发工具与运行环境
前端静态页面html生活食品电商网站.rar（源码下载-）
10-23
网站静态源码下载，生活食品类电商网站包括商品首页、商品列表、商品详细页、购物车、结账、登录、注册等相关功能
写JavaScript时候，老是很郁闷，怎么办？f12看看最终的html代码，一切就一目了然了
Ideality_hunter的专栏
03-03 355
写JavaScript代码时候（特别是使用某些js框架如jQuery框架的时候），老是很郁闷，怎么办？ 1）为什么拿不到某个控件的select的值了？ 2）为什么toggleTreeSelect不起作用了？ 3）为什么我的隐藏域hidden，不隐藏了？ 要f12，看看这些控件，在最红的html代码中最终显示的是什么。 因为JavaScript是运行在最终的html代码上的。
避免浏览器开发者工具（如 F12）查看网页源码
最新发布
weixin_73060959的博客
02-20 1158
虽然无法完全阻止用户通过浏览器开发者工具查看源码，但可以通过以下方式增加难度：禁用右键菜单和快捷键。混淆和压缩代码。动态加载内容。使用 WebAssembly 或服务器端渲染。检测开发者工具并采取相应措施。需要注意的是，这些方法只能增加源码查看的难度，无法完全阻止。如果涉及敏感信息，建议将核心逻辑放在服务器端处理，而不是暴露在客户端。
酒店预订小程序前端静态模板源码，一共七个前端静态页面.zip
05-11
酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面 酒店预订小程序前端静态模板源码，一共七个前端静态页面
关于屏蔽F12审查元素以及防止查看网页源码代码
qq_26128145的博客
12-13 1671
vue+springboot最佳项目实践源码
03-28
`fruit_vue.zip`和`fruit_springboot.zip`分别包含了Vue.js前端和Spring Boot后端的源代码。Vue.js项目可能包含`src`目录，里面包括`components`（存放可复用组件）、`views`（视图组件）、`router`（路由配置）、`...
VUE 项目发布到服务器——Webpack源码泄露
sunzq55的博客
12-01 4287
背景 正常通过 webpack 来打包 vue 项目,放到线上的项目是可以通过 F12 控制台的 source 来直接获取到前端项目源码，如图： 修复建议：在 config/index.js 中 build 下的 productionSourceMap: true, 改为 productionSourceMap: false 实际解决办法 在 vue-cli 中，关闭配置选项，如下图： 在配置文件vue.config.js中修改配置项productionSourceMap，如下： module
Webpack源码泄露到Vue快速入门
记录开发和安全学习过程中的点点滴滴
05-23 3460
刚好最近学习了Vue和Webpack,回顾一下学习并对Vue的学习过程中对笔记总结进行记录,同时进行思考过程中的理解加入其中,方便自己进行后续的学习和回顾,当然因为这两个内容都和我之前在进行渗透测试中碰到的一种漏洞类型相关,其中很容易碰到资产是关于使用wepack进行打包的,并且存在js.map泄露,在源码泄露中,常见的前端是通过vue进行编写的,顺便加深一下之前渗透过程的印象.webpack是一个JavaScript应用程序的静态资源打包器。
Web前端静态页面.zip
05-11
只包涵前端静态页面，包括html，css和js，有一整套的页面，包括首页，搜索，订单，个人主页，商标，注册，登陆和秒杀团购页面等。
html静态页面源代码
04-27
这里面有四个源代码，大家可以看看！静态网站模板用div+css做的简单静态网站 这个是最近新的 这里面有四个源代码，大家可以看看！静态网站模板用div+css做的简单静态网站 这个是最近新的
vue组件暴露和.js文件暴露接口操作
11-19
1、将同一类型的组件放在一个文件夹下 2、在此文件夹下创建一个index.js 3、在index.js中导入组件，并把他们暴露出去 1、写法一 import studentCourse1 from './studentCourse.vue' import studentInfo1 from './studentInfo.vue' export var studentCourse=studentCourse1 export var studentInfo=studentInfo1 2、写法二 export var studentCourse=()=>import('./stude
静态HTML项目源码
12-08
一个关于酒店的HTML项目源码，感兴趣的可以看看
静态网页作品-精美个人主页源代码
01-27
针对很多人为了交作业在网上找静态网页作业，帮一个学生做的个人网页，经过美化修改，第一次发出来供初学者学习参考。 包含6个独立页面，分别为首页index.html、about.html、flash.html、message.html、photo.html、riji.html 关于本设计、flash欣赏、留言板、照片、日记 包含css样式表文件，背景音乐…… 希望大家喜欢！
【前端】静态个人网站页面布局模板(附源码)
mucheng771的博客
03-12 3808
* 响应式布局 - 当屏幕的宽度小于 400 像素时，使导航链接堆叠而不是并排 *//* 响应式布局 - 当屏幕的宽度小于 800 像素时，使两列堆叠而不是并排 *//* 创建两个不相等的彼此并排的浮动列 *//* 设置 topnav 链接的样式 *//* 页眉/Blog 标题 *//* 改变鼠标悬停时的颜色 *//* 设置上导航栏的样式 *//* 为文章添加卡片效果 *//* 清除列之后的浮动 */
任何javascript框架（如jQuery）的代码是藏不住的，都是完全暴露源码的，因为JavaScript不像java一样，java的一些代码被封装进jar了，JavaScript没有封装
Ideality_hunter的专栏
12-09 947
任何javascript框架（如jQuery）的代码是藏不住的，都是完全暴露源码的。 因为JavaScript不像java框架（如spring、Struts、Hibernate等）一样，java的一些代码被封装进jar了，不给人看；JavaScript没有封装，没办法藏。
怎么通过前端页面找到后端代码（接口）（controller）
热门推荐
学未者
09-14 3万+
通过页面找到后端代码流程： 1.找到页面按f12，点击network或者网络其实就是一个东西 2.点击页面搜索出现了一个东西name然后点开这个name 3.看到地址后复制文号之前的一小段 （根据自己的项目看） 4.最后打开idea按住ctrl+shift+N粘贴进去就看到一个p之后按回车就可以看到后端的接口了。 ...
制作一个简单HTML中华传统文化网页（HTML+CSS）
HTML网页设计
08-02 1万+
📔网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面网站系统文件种类包含html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；...
仿美的官网的网站源代码怎么写
11-09
仿美官网的网站源代码通常是用HTML、CSS和JavaScript编写。HTML负责网页的内容结构，CSS用于样式设计，而JavaScript则用于交互功能。以下是构建一个基本静态页面的步骤： 1. **HTML**: 创建`index.html`文件，这是网站的核心内容。包括头部(title)、导航栏、主要内容区域和页脚等元素。例如： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>仿美官网</title> <link rel="stylesheet" href="styles.css"> <!-- 引入CSS文件 --> </head> <body> <header> <!-- 导航栏内容 --> </header> <main> <!-- 主要内容区域 --> </main> <footer> <!-- 页脚信息 --> </footer> </body> </html> ``` 2. **CSS**: 在`styles.css`文件中编写样式规则，设置字体、颜色、布局等。如： ```css body { font-family: Arial, sans-serif; } header { background-color: #f0f0f0; } ``` 3. **JavaScript** (如果需要动态效果或交互): 如果有交互功能，可以创建`.js`文件并引入到HTML中。比如显示轮播图或响应式布局等。 为了访问网站源代码，通常你需要查看浏览器开发者工具（F12键常用），然后选择"Elements"或"Resources"标签，就可以看到实际的HTML源码了。如果你想要下载源代码，部分网站会提供"View Source"选项或者你可以直接右键点击页面选择“保存为…”。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值