F12修改页面的源代码里面的JS代码为什么无法生效？（有哪些app值得推荐？）

F12修改页面的源代码里面的JS代码为什么无法生效？

对于已经执行过的且已知在页面中不会再次执行的的代码，直接在debugger里修改是没有用的，就像楼上说的，即使你保存了，但是只要一刷新页面，JS的代码内容是会重新从cache获取或者重新向服务器请求然后执行的，但是这不代表你就是不能修改，比如对于那些通过事件触发的代码，当你修改并保存以后，是会生效的，前提是第一你没有刷新页面，第二可以在不刷新页面的前提下执行这段修改过的代码（比如绑定事件）。

创新互联是一家集网站建设,东城企业网站建设,东城品牌网站建设,网站定制,东城网站建设报价,网络营销,网络优化,东城网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

比如下面这一段，我随便找了一个登陆页面的js在里面加了一句console.log，保存以后再执行，是可以看到console里输出了修改过的结果 当你保存了修改的时候Chrome也会出一个warning 提示你修改过的文件并未被保存到file system，也就是没有修改源代码提示你修改过的文件并未被保存到file system，也就是没有修改源代码

有哪些app值得推荐？

那就说一下自己使用过的一些并且觉得很不错的app。

网易蜗牛读书

网易蜗牛读书致力于为热爱阅读的用户提供沉浸、简洁的电子阅读体验，并希望与用户一起构建起立体化、全方位的移动阅读社区，满足不同阅读层次用户的个性化阅读需求。每天可以免费阅读一个小时。

夸克浏览器

一直在使用的一款轻量级的手机浏览器，急速简洁，无广告，无推送，无信息流，拒绝打扰，支持智能语音搜索搜索直达，用户体验，个人觉得很不错。

简单搜索

来自百度的一款良心应用，承诺永无广告。

小日常

创建一个习惯，每天坚持完成，并用app记录，相信有一天你会成为更好的自己。

Google 文件极客

功能特点，智能清理，释放更多存储空间；更快速地查找文件；轻盈小巧，不会加重手机存储负担，离线分享文件。一款不错的手机文件管理软件。

F.LUX

一款轻巧的护眼软件，能够根据每天的时间自动调节屏幕的色温，当然屏幕的色温是根据你的设置来调节的，可以设置3个时段，白天，傍晚，和晚上睡觉的时间，可以设置地区，可以根据地区判断时间段，注意爱护眼睛。

SNIPASTE

snipaste一款强大的截图，贴图软件，免费并且纯净的软件，问软件能有多好用，大概就是这样的一款软件吧。不只是截图，可以将剪切板中的文字，html等等变成图片，另外其贴图功能，也是相当好用的。

IEASEMUSIC

是wewechat基于网易云音乐打造的另一款优秀的开源软件，看了wewechat的颜值，这款音乐播放器的颜值也不会差到哪里去，毕竟出自一个地方，总得有其风格吧。虽然基于网易云音乐客户端制作，但是在内容上有其独有的特点，喜欢的不妨试试。

LISTARY

关于文件搜索很早之前一直使用系统自带的文件搜索功能，但是越来越发现，它太慢了，之后就使用了everything，感觉好多了，最近看到这款搜索工具，也是很棒的，别让找文件浪费你的时间，试试吧。

PROXYEE-DOWN

一款开源的下载工具，使用本地http代理服务器，支持所有操作系统和大部分主流浏览器,支持分段下载和断点下载。在安装成功之后，进入浏览器下载资源时会跳转到创建任务页面，然后选择保存的路径和分段数进行创建下载任务。它一个比较实用的功能就是破解度盘限速,小伙伴一定会喜欢的。

js如何获网页原码？

复制代码 代码示例:

//取IE浏览器中页面源码

function getAllCode_IE()

{

alert(document.documentElement.outerHTML);

return document.documentElement.outerHTML;

}

//取火狐浏览器中页面源码

function getAllCode_FireFox()

{

return document.body.innerHTML.toString();

}

有哪些炫酷的代码编辑器？

代码编辑器有很多，这里就说一下自己用过的一些吧。如果说要一些炫酷的效果，很多编辑器都是支持插件系统的，利用插件可以是其功能更为丰富，并且看起来更加炫酷一些。

vscode

Visual Studio Code是一个轻量级但功能强大的免费开源的源代码编辑器，可在桌面上运行，适用于Windows，macOS和Linux。它内置了对JavaScript，TypeScript和Node.js的支持，并为其他语言（如C ++，C＃，Java，Python，PHP，Go）和运行时（如.NET和Unity）提供了丰富的扩展生态系统。

sublime text3

一款好用强大的编辑器，支持跨平台，vim操作。拥有大量的插件，能够是你编辑起来更为方便和快速。代码高亮显示，配色很靓丽，一旦你开始使用，我相信你一定会爱不释手。编辑文件相当效率，快速选择，查找，自动转到函数定义等等。这也是一款本人一直在使用的代码编辑器。

atom

当初使用这个是由于看到了一个很炫酷的插件，打字抖动炫酷的效果，如何安装这个插件很多博客有介绍，有兴趣可以尝试一下，这个效果没啥实际的作用，用起来说实话不太方便，只是很有意思。当然atom本身也是一款很强大的代码编辑器，这一点是无容置疑的。

vim

如果是对linux接触比较多的小伙伴，一定用过这个，不熟悉的可能觉得vim的设计可能是一种的操作，但是熟悉之后真的很快和方便。

nodepad++

nodepad++是一款免费的代码编辑器，支持语法高亮，代码折叠，软件小巧，支持多种语言，这款编辑器用过，但是没有经常使用。

hbuilder

hbuilder一款极客工具，之前学习前端代码的时候接触过这个编辑器，写代码很快，它本身也是以追求效率为理念而设计的一款工具，代码补全，纠错，候选输入提示，掌握了也许能节省不少的时间。

Visual Studio

除了单纯的编辑器之外，我们肯定还接触过ide(集成开发环境)，包含了编译器，写的代码能够使用其进行编译运行，Visual Studio当然是一款及其强大的ide，做程序开发的，应该多少有所接触。类似的还有eclipse。

总结

工具很多，每一款都有自己独特的一方面，或炫酷，或功能丰富，但是实用，效率是我们所追求的东西，黑客可能并不像电影中使用多么炫酷的工具，做了些厉害的事情，也许就是用记事本就能达到效果。熟悉其中的一款工具，就能够让你工作或者学习更加方便。

当前标题：F12修改页面的源代码里面的JS代码为什么无法生效？（有哪些app值得推荐？）
本文网址：http://www.mswzjz.com/qtweb/news22/206672.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联