Chrome的开发者工具修改JS区块不生效是怎么回事儿
/** * 全屏方法 */function fullScreen(domId){ var element = document.getElementById(domId); // request fullScreen this.request = function(){ if(element.requestFullScreen) { element.requestFullScreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if(element.webkitRequestFullScreen) { // 对 Chrome 特殊处理， // 参数 Element.ALLOW_KEYBOARD_INPUT 使全屏状态中可以键盘输入。 if ( window.navigator.userAgent.toUpperCase().indexOf( 'CHROME' ) >= 0 ) { element.webkitRequestFullScreen( Element.ALLOW_KEYBOARD_INPUT ); } // Safari 浏览器中，如果方法内有参数，则 Fullscreen 功能不可用。 else { element.webkitRequestFullScreen(); } }else if(element.msRequestFullscreen){ element.msRequestFullscreen(); }else { throw new Error("your browser doesn't support the fullScreen,please change or update it."); } console.log( element.style.zIndex); return element.style.zIndex; }; //取消全屏 this.cancelFullscreen = function() { if(document.cancelFullScreen) { document.cancelFullScreen(); } else if(document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if(document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } else if(document.msExitFullscreen){ document.msExitFullscreen(); } else{ throw new Error("your browser doesn't support the fullScreen,please change or update it."); } } ;}//判断当前状态是否为全屏var isFullScreen = function(){ if(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement) return true; else return false;};
进入chrome浏览器，F12进入web控制台。点击console可以针对当前页面进行JavaScript功能调试。
启用或者关闭JavaScript功能：F12进入web控制台，点击右侧的settings按钮，在General中的第一个复选框为 Disable JavaScript ，选中后即可禁用JavaScript功能。
在Google Chrome浏览器中，按F12进入的是本地调试界面。
在F12调试界面中修改的JS代码，是修改的“本地缓存文件”中的代码，而不是存在于服务器上的网页的真正代码，网页的真正代码在浏览器中是无法修改的。
Chrome开发者调试工具（F12），可以在调试界面修改代码（包括JS、HTML和CSS）模拟本地运行，具体步骤大致如下：
- 在需要修改的代码段上方合理代码行设置断点；
- 按F5键刷新网页，并等待网页执行到断点；
- 修改JS代码或其它需要修改的代码，修改后选择单步执行或继续执行即可。
通常，调试中修改无效，是因为网页加载完成，其实就是运行已经完成了，修改代码不会再次执行。
答：是可以调试js的。使用的工具：谷歌浏览器、测试的网站；可以按照下面的方法进行调试：1、f12 打开开发者工具，控制台介绍：Elements：页面元素，可以进行编辑，保存后实时查看页面效果；Network： 查看js模拟的http请求，例如下图中修改购物车中商品数量，可以实时的看到请求地址，直接上图。2、点击请求地址，...
答：样式和html结构可以修改，JS不支持浏览器里更改，因为页面已经加载完毕，而JS必须要在页面加载前生成，如果在浏览器改的话，刷新会重置，所以不生效
答：这是Chrome的限制，不允许修改页面中的js代码，即使改了，也不会生效。可以将页面中的代码拿到console中执行就可以覆盖页面中的代码了。
答：页面js是在页面加载的时候载入内存执行的,你在浏览器中修改了,不刷新页面是不生效的 一旦刷新了,你改的内容也就没了,所以页面js的修改是不能在浏览器做的,必须修改服务器上的js文件,才能在浏览器中生效
答：Chrome浏览器 按F12或是"设置"--》“工具”--》“开发者工具”，即可打开chrome的调试工具。关于这个工具的用法，请参考“怎么使用chrome调试工具”。这里主要讲怎么使用source这个选项来调试JS代码。下图source选项的窗口。0怎么使用chrome调试工具 下图中1为source选项卡，2是在小窗口中选中source选项，3...
答：这里的CSS文件有一个好玩的特性，你可以直接修改CSS文件，并且修改即时生效哦：3、Network标签页 Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用，特别是在查看Ajax类请求的时候，非常有帮助。注意是在你打开Chrome开发者工具后发起的请求，才会在这里显示的哦。...
答：接下来小编将以百度首页和新浪首页为例，手把手教大家如何使用Google浏览器自带的调试工具的具体方法步骤，这是前端调试JS与CSS样式必备，还不知道chrome自带调试工具使用方法的朋友跟着小编一起去看看吧！如何使用Google浏览器自带的调试工具？实例一：百度首页 1、打开Google浏览器，打开任意一个网页，这里以...
答：一般直接修改源代码，是无法生效的。如果是函数类代码，需要在console里面，重新输一下，才能生效 对于事件绑定的JS代码，需要重新注册一下，才能生效
答：试试这样：你只要F12打开开发者工具，点击右下角的齿轮“设置”按钮进入下一界面，选中General选项卡中的Disable cache (while DevTools is open) 就行了。
答：想要去编辑网页中原有的js代码，是不允许的吧，这样毫无安全可言都可以随便js注入。当然你可以调出控制台，在已经加载好的页面上获取DOM，改变页面还是可以的 。控制台支持js输入，js运算等。可以尝试一下。
