chrome修改js后执行

最新推荐文章于 2025-07-12 22:47:54 发布

转载最新推荐文章于 2025-07-12 22:47:54 发布 · 6k 阅读

8 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2998098/blog/3016312

文章标签：

#python #javascript #ViewUI

本文介绍在Chrome浏览器中三种执行已修改JS代码的方法：使用Ctrl+S保存并执行、在Source中Snippet添加并运行代码文件、直接在控制台输入并覆盖原有代码。

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

2019独角兽企业重金招聘Python工程师标准>>>

第一种情况

chrome修改js代码后，如何执行修改后的代码？刷新？不行，会恢复原有代码。其实可以在修改完后，按ctrl+s，保存新代码，页面会自动执行，不用刷新

第二种情况：

在source中snippet中添加一个文件，文件中写上要执行的代码，右键选择run，运行

第三种情况：

在控制台写代码，控制台的代码会自动覆盖原有代码

转载于:https://my.oschina.net/u/2998098/blog/3016312

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33769125

关注关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

[JavaScript] 第三章 Chrome 浏览器中调试JavaScript

Java 技术专栏，从入门到精通，熟悉企业级开发

07-17

2382

在Chrome浏览器中，可以使用开发者工具的调试功能来调试和执行JavaScript代码。以下是一些常用的调试技巧：设置断点、单步执行、监视变量、控制台调试、异常处理。这只是一些Chrome浏览器调试功能的例子。要打开开发者工具并访问调试功能，你可以按下Ctrl + Shift + J（Windows / Linux）或Command + Option + J（Mac），或者在浏览器菜单中选择"更多工具" > “开发者工具”，或者在页面上点击鼠标右键选中【检查】。

Chrome 自动执行 JS 脚本 | Tampermonkey 插件

甘蓝的专栏

06-06

2581

进入网站后，想要自动执行某些JS脚本，那么你需要 Tampermonkey 插件！

参与评论您还未登录，请先登录后发表或查看评论

如何在 Chrome 中拦截请求并替换请求或响应数据（无需插件）

热门推荐

直到世界的尽头

09-13

6万+

应用场景有时候我们需要对别人的网页或者自己已经发布的网页进行一些js调试。这时候我们是无法修改源代码运行的。但是在Chrome的console中是可以修改运行的。(仅限未压缩的js)步骤F12 在Sources里面找到你的JS文件这个时候直接在js文件里修改保存是没有用的，无法生效。需要把需要修改的js复制到Console中修改后直接回车运行即可生效。

【GoogleChrome】在开发者工具中修改js、css并生效

xudawu201的博客

11-20

1162

删除js并按ctrl+s保存，然后刷新页面，新js生效。按f12打开开发者工具，看到验证规则很简单。以下网站有个登录验证cookie的js。添加替换js的本地文件夹。

chrome修改js数据怎么生效_修改页面js代码/中间人修改js相应

weixin_29001655的博客

01-06

2056

爬虫逆向页面js代码时已经定位到了生成代码，但有一些内容看不懂他的逻辑是什么就萌生了修改页面js代码的想法，但他的js每次刷新页面都会重新加载所以不能本地修改所需工具：mitmproxy、chrome、python3mitmproxy：python的中间人发工具，官方文档，看不懂的看这个：使用 mitmproxy + python 做拦截代理安装配置mitmproxy：mac:brew insta...

chrome修改js数据怎么生效_解决Django中修改js css文件但浏览器无法及时与之改变的问题...

weixin_39541189的博客

12-22

557

今天修改之前实习小伙伴写的js代码的时候，遇到修改后页面未发生变化的问题。因为我是web开发小白，所以上网查了一波，得以解决~~初次进行web工程开发的人可能会碰到这样的情况：自己在明明对工程上的某个js或css文件进行了修改，并提交到服务器上去了。但是在客户端浏览器里面打开页面时，并没有看到修改后的效果，而是该js文件的旧版本的效果。如果了解过浏览器缓存就知道，为了效率，浏览器通常会缓存js/c...

network怎么断点调试_前端基础：初步认识Chrome调试面板，学会简单的代码调试，必会！...

weixin_39839968的博客

11-24

1511

在前端开发过程中，我们通过浏览器的页面来查看我们代码编写的成果。然而浏览器的功能非常强大，它不只是能展示我们编写的页面，还能够帮助我们定位开发过程中遇到的问题，提升我们的开发效率。有些时候我们甚至还可以通过浏览器的调试工具来查看一些网站酷炫效果的实现方式。下面我们以Chrome浏览器为例，来介绍一些常用的调试技巧。1. Chrome开发者工具首先我们打开Chrome的开发者工具(又称控制台)，打开...

chrome浏览器js调用exe

09-19

在IT行业中，有时候我们需要在网页应用中实现与本地系统的交互，比如通过JavaScript（JS）调用本地的可执行文件（exe）。本主题聚焦于在Chrome浏览器中如何利用JS实现这样的功能，这通常涉及到浏览器安全策略、...

chrome 修改js代码

07-28

你可以使用 Chrome 浏览器的开发者工具来修改网页中的 JavaScript 代码。下面是一些步骤： 1. 打开 Chrome 浏览器，并访问你想要修改 JavaScript 代码的网页。 2. 按下键盘上的 F12 键，或者右键点击网页中的任何...

Chrome调试折腾记之JS断点调试技巧

12-10

在JavaScript的调试过程中，Chrome浏览器提供了强大的调试工具，使得开发者能高效地定位和解决问题。本文主要探讨了几个关键的JS断点调试技巧，帮助我们更好地理解代码执行流程。首先，技巧一涉及到的是如何处理...

Chrome浏览器修改js代码

编程小学生

06-16

3855

Chrome修改Js代码

渗透学习-学习记录-利用浏览器的开发者工具实时修改网页前端JS代码（实现绕过）

qq_43696276的博客

01-16

7810

最近学习了一些有关于JS脚本搭建网站方面的安全知识。通常来说JS是前端的页面代码，因此我们可以直接修改前端的JS代码来实现绕过，故我试着做了一下利用浏览器的开发者工具进行尝试修改页面，以此来直接进行绕过的实验，特此记录。

怎么才能在浏览器直接改JS代码还能运行？

qq_45454550的博客

10-08

4705

有没有办法可以直接在浏览器改呢？还能立即看效果，不行还能接着改。前端调试中，JS代码中有一个变量或者判断需要改下看下运行效果；但是重新需要重新打包或者重新发布怎么办？码字不易，如果对你有帮助，请给个三连吧！

chrome浏览器调试js

abbie的专栏

07-06

1051

调试js

chrome浏览器F12调式，修改替换js文件

u014644574的博客

12-14

5万+

在F12模式下，有时可以直接修改js源码，Ctrl + S 保存就可以了。但是有时这种方法会不起作用，这里介绍本地替换js的方式。案例：比如csdn想复制别人的一段文字并保留样式，但是字符长度大于140就不起作用了。 1、通过右键定位需要修改的js文件当然某些网站，只需要复制文本，直接点下面移除就可以了。定位js在边栏的位置 2、在本地新建一个js文件，用来存放替换js文件 3、浏览器选择替换文件在本地的存放位置点击允许访问 4、保存并覆盖 4、格式化...

浏览器控制台执行代码_chrome浏览器中 F12 功能的简单介绍

weixin_39606799的博客

11-24

5444

首先介绍Chrome开发者工具中，调试时使用最多的三个功能页面是：元素（ELements）、控制台（Console）、源代码（Sources），此外还有网络（Network）等。元素（Elements）：用于查看或修改HTML元素的属性、CSS属性、监听事件、断点等。控制台（Console）：控制台一般用于执行一次性代码，查看JavaScript对象，查看调试日志信息或异常信息。源代码（Sourc...

chrome的console来改变html中的JS

yeqingyun2012的博客

05-17

8404

1、以下代码为html中的js，如果直接在chrome中改变js中的代码不会立即生效<script> $("#leForm").submit(function(){ $("#submitButton").hide("fast"); $("#loadingSign").show("slow"); $("#resultsDiv")

chrome修改js数据怎么生效_javascript - 在浏览器(chrome)内，直接修改页面上的js代码会生效吗（事件触发类的代码)...

weixin_39622419的博客

12-22

1573

问题jQuery(function(){jQuery('.select-box button.dh-btn').click(function(){var hoops = this;//alert('会弹出吗');//jQuery('.select-box button.dh-btn').each(function(){if(hoops == this)return;jQuery(this).re...