如何利用Chrome的控制台更改网页里面的Javascript代码并使得修改能够生效?
js代码在页面渲染仿兄源的时候已经执行了,就是说从请求一个页面到完整看到一个页面之后,这个页面相关的js代码已经执行完毕,下次执行的时候依然是页面再次刷新加载的时候。\x0d\x0af12修改代码刷新后还是会变回原来的代码,再次执行的还是原来的代码。\x0d\x0a对于已经执行过的且已知在页面中不会再次执行的的代码,直接在debugger里修改是没有用的,即使保存了,但是只要一刷新页面,JS的代码内容是会重新从cache获取或者重尘晌新向服务器请求然后执行的,但是这不代表就是不能修改。\x0d\x0a比如对于那些通过事件触发的代码,当修改并保存以后,是会生效的,前提是第一没有刷新页面,第二可以在不刷新页面的前提下执行这段修改过的代码(比如绑备态定事件)。
firefox控制台js执行命令
输代码。
1、新建html或者jsp文件。
2、用团宽戚firefox打开该文件。
3、右上角Web开发者,Web控塌陵制台或F12进入开发者模式。
4、使用JavaScript的consolelog需要写到控巧烂制台的信息。
火狐浏览器开发者工具上怎么改js代码?
可以直接在页面上点击右键,然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。
1.下载“火狐浏览器”。如果电脑上没有安装“火狐浏览器”,可以在百度中搜索并下载,如图:
2.使用火狐浏览器打开需要调试页面者手(也可以在开发工具设置火狐浏览器枯州来打首败嫌开),如图:
3.按F12打开“开发者工具”。界面如图:
4.选择“调试器”选项,然后选择需要调试的JS代码,接着在合适的位置加入断点,如图:
5.按F11或者F10单步调试JS(F11和F10的区别:F11调试,单步执行,进入调用的其它函数;F10调试,单步执行,不进入调用的其它函数)。也可以单机页面上相应的按钮进行调试。如图:
如何使Chrome控制台支持多行js模式
说明:Chrome的控制台本来就支持多行js的
演示:这里给出一份控制台截图
可以看到图中的js是段弯哗多行一次性执行
原因:你之所以不能多行的原因 有可能是在写完一行js之后按下回车键 但闹拆是控制台的回车键是执行代码所以就只能一行了
解决:其实多行只需要在需要换行的地方 按下shift+enter(回车握行键) 就可以换行了
在ie的控制台输入js代码,提取页面上所有input中的值
用这个吧。。烂余document.getElementsByTagName('input')
如果还有其枣雀他的饥岩滚类型,可以先判断是不是为text
怎样让javascript在网页中运行?
1、浏览器控制台运行
JavaScript不同于java语言或者c语言,需要环境、需要编译再运行,js在被制造出来时,就是为浏览器而生,可以直接御拿在浏览器里运行,这里以谷歌浏览器为例,鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式
在这里就可以直接输入我们想输入的js代码,回车即可查看代码执行结果
在浏览器输入js代码的好处显而易见:方便,打开浏览器就能输代码查看执行结果,我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配,因为浏览器控制台的缺点太多了:操作不便,没法文件操作只能命令行,找错困难,大多数时候的js是有依赖的,控制台不方便整依赖,所以,一般控制台也就执行执行简单原生的js
2、写在HTML里运行
实际上,我们肯定不想用命令行的方式,当然是用一个顺手的IDE写代码。
这种方式,就是我大学时候,老师们教的传统方式了。
学HTML的时候,会教到标签,有一个标签不同于别的花里胡哨的标签,这个标签很牛,叫做script脚本标签,用来嵌入或者引用可执行脚本,这里解释一下嵌入和引用。嵌入呢,就是把脚本写在标签里边儿,引用呢,就是把脚本写好,然后用标签引入这个脚本的路径
这是主流的写法也是主流的教法,嵌入的写法就是这样:
引用的写法是这样:
查看执行结果的话,点击IDE边上的浏览器图标或者右键run这个html页面,等浏览器弹出来,右键检查就能看到控制台输出的值了
3、直接运行js
实际上上面第二种方法已经很靠谱很普及了,可还是用起来不舒服,每回都要写一个HTML,有的甚至还要再写一个js,那能不能像运行html一样,直接右键运行js呢?
当然是可以的!用node!以下是我花了一个小时才整成的历程!链蠢
1、由于我是新的电脑,我装了个nodejs,安装包安装完后,直接命令行执行node命令,即可以直接运行js代码
这样方式还是很蠢,和浏览器没什么区别
2、我用IDE些好的js文件,然后用node单独执行
看上去是好一点了,可以单独镇唤搭执行文件了,但是这样还是很蠢,每回打开cmd还要找到js的路径
3、插件(我这里用的IDEA)