Chrome的开发者工具修改JS区块不生效是怎么回事儿?

vphoenix 2012-11-16 05:20:05
用Chrome的开发者工具可以修改页面元素,并且改了以后能够即时显示。修改页面元素事件里面的JS代码
比如:

OnClick="javascript:alert(111);"

也可以立刻生效。
但是修改那些JS区块的代码,比如:

<script type="text/javascript">
function ab() {
alert(333);
}
</script>

就无论如何都不会生效。请问这是怎么一回事儿?
另外,chrome上的“开发者工具”和“Javascript 控制台”有什么区别吗?感觉是一个东西。
...全文
6095 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
vphoenix 2012-11-18
  • 打赏
  • 举报
回复
引用 2 楼 showbo 的回复:
不能在Elements选项卡里面直接修改script标签里面函数体内的信息,这样不行 你需要去console选项卡重新定义下函数就行了 function ab() { alert(333);} //原来的。 你去console选项卡输入 function ab() { alert(333333333);} 后回车就可以更新ab函数了 ……
非常感谢,结贴。
threeperson 2012-11-17
  • 打赏
  • 举报
回复
使用firebug工具。
Go 旅城通票 2012-11-16
  • 打赏
  • 举报
回复
不能在Elements选项卡里面直接修改script标签里面函数体内的信息,这样不行 你需要去console选项卡重新定义下函数就行了 function ab() { alert(333);} //原来的。 你去console选项卡输入 function ab() { alert(333333333);} 后回车就可以更新ab函数了
诺维斯基 2012-11-16
  • 打赏
  • 举报
回复
都可以的!!!!
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应页面阶段理解4、window.performance页面性能参数计算5、window.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤​

87,914

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧