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个时段，白天，傍晚，和晚上睡觉的时间，可以设置地区，可以根据地区判断时间段，注意爱护眼睛。
SNIPASTEsnipaste一款强大的截图，贴图软件，免费并且纯净的软件，问软件能有多好用，大概就是这样的一款软件吧。不只是截图，可以将剪切板中的文字，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();
}
有哪些炫酷的代码编辑器？
代码编辑器有很多，这里就说一下自己用过的一些吧。如果说要一些炫酷的效果，很多编辑器都是支持插件系统的，利用插件可以是其功能更为丰富，并且看起来更加炫酷一些。
vscodeVisual 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++是一款免费的代码编辑器，支持语法高亮，代码折叠，软件小巧，支持多种语言，这款编辑器用过，但是没有经常使用。
hbuilderhbuilder一款极客工具，之前学习前端代码的时候接触过这个编辑器，写代码很快，它本身也是以追求效率为理念而设计的一款工具，代码补全，纠错，候选输入提示，掌握了也许能节省不少的时间。
Visual Studio除了单纯的编辑器之外，我们肯定还接触过ide(集成开发环境)，包含了编译器，写的代码能够使用其进行编译运行，Visual Studio当然是一款及其强大的ide，做程序开发的，应该多少有所接触。类似的还有eclipse。
总结工具很多，每一款都有自己独特的一方面，或炫酷，或功能丰富，但是实用，效率是我们所追求的东西，黑客可能并不像电影中使用多么炫酷的工具，做了些厉害的事情，也许就是用记事本就能达到效果。熟悉其中的一款工具，就能够让你工作或者学习更加方便。
