热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

FirefoxFirebug扩展-冻结Javascript功能?-FirefoxFirebugExtension-FreezeJavascriptFeature?

HowcanIfreezeJavascriptinfirebugsothaticaninspectthechangesmadebyitinthehtml?If

How can I freeze Javascript in firebug so that i can inspect the changes made by it in the html? If for example i have a jQuery rollover effect and i want to inspect the html code in that point in time.

如何在firebug中冻结Javascript,以便我可以在html中检查它所做的更改?例如,我有一个jQuery翻转效果,我想在那个时间点检查HTML代码。

I believe Dreamweaver CS4 has this feature titled freeze Javascript and live code. Is there a free equivalent either in Firebug or another Firefox extension?

我相信Dreamweaver CS4有这个名为freeze Javascript和live code的功能。在Firebug或其他Firefox扩展中是否有免费的等价物?

5 个解决方案

#1


6  

By "freeze" I assume you mean debugging, and yes, Firebug definitely has that.

通过“冻结”,我认为你的意思是调试,是的,Firebug肯定有这个。

First you have to go into the Script tab on Firebug. If Script is disabled on the site, enable it.

首先,您必须进入Firebug上的“脚本”选项卡。如果在站点上禁用了脚本,请启用它。

Now, go to the dropdown and select which Javascript file you want to debug. This is typically either the page itself with inline Javascript, or a linked page. Find the line of code you want to freeze on, and click to the left of the line numbers. You'll see a red dot appear - this dot denotes that the code will freeze there during execution. Once the code is there, you can access the current HTML by going to the "HTML" tab. You'll also see the icons in the top-right corner of Firebug's Script pane light up, allowing you to either continue execution, step over, step into, or step out of each line of code, observing HTML changes for each line executed.

现在,转到下拉列表并选择要调试的Javascript文件。这通常是具有内联Javascript的页面本身或链接页面。找到要冻结的代码行,然后单击行号左侧。你会看到一个红点出现 - 这个点表示代码将在执行期间冻结。代码存在后,您可以通过转到“HTML”选项卡来访问当前的HTML。您还会看到Firebug脚本窗格右上角的图标亮起,允许您继续执行,跳过,步入或逐步退出每行代码,观察每行执行的HTML更改。

Note that Firebug lets you step through code line-by-line, which means that minimized Javascript files (wherein all the code is compacted onto one line) are absolutely awful for debugging, because you can't tell where Firebug is. So for debugging purposes, I highly recommend getting the non-minimized versions of files.

请注意,Firebug允许您逐行逐步执行代码,这意味着最小化的Javascript文件(其中所有代码都压缩到一行)对于调试来说是非常糟糕的,因为您无法分辨Firebug的位置。因此,出于调试目的,我强烈建议您获取非最小化版本的文件。

If you need more help, I suggest checking out the Firebug documentation, which has some good guides.

如果您需要更多帮助,我建议您查看Firebug文档,其中包含一些很好的指南。

#2


6  

Break on mutate (the pause button when the html tab is selected) is the closest thing I can find to this feature. It will pause the next time something is changed. It's just one off of what you want, but could be useful.

mut on mutate(选择html选项卡时的暂停按钮)是我能找到的最接近此功能的东西。它会在下次更改时暂停。这只是你想要的一个,但可能有用。

#3


2  

not exactly firefox function, but appears close enough (at least in the way I understand the question):

不完全是firefox功能,但看起来足够接近(至少在我理解问题的方式):

  1. Get CheatEngine
  2. 得到CheatEngine
  3. Open firefox process
  4. 打开firefox进程
  5. Check "enable speedhack"
  6. 检查“启用speedhack”
  7. Set speed to 0
  8. 将速度设置为0
  9. Apply
  10. 应用
  11. All scripts are now effectively paused
  12. 现在所有脚本都已暂停

You can test this on a Javascript clock here.

你可以在这里的Javascript时钟测试这个。

I'm kind of dissapointed that noone has created a plugin for firefox, which would do the same.

我有点失望,没有人为firefox创建了一个插件,它会做同样的事情。

#4


0  

In the Script tab of Firebug, you can set break points in Javascript that will allow you to step through code, set watches, and do other things you would in other debuggers. You can also switch to the HTML tab and see what changes have been made while Javascript is "frozen."

在Firebug的Script选项卡中,您可以在Javascript中设置断点,这将允许您逐步执行代码,设置监视以及执行其他调试程序中的其他操作。您还可以切换到HTML选项卡,看看在Javascript被“冻结”时所做的更改。

#5


0  

In Firebug, go to the script tab. On the top, you can see:

在Firebug中,转到脚本选项卡。在顶部,您可以看到:

Inspect | all | 

Click on to choose the file that contain the Javascript you want to track. Once you have selected your file, click on a line number to put a brea kpoint (a big red dot will appear).

单击以选择包含要跟踪的Javascript的文件。选择文件后,单击行号以放置一个brea kpoint(将出现一个大的红点)。

You can put several break points in different files. The break point will not disappear if you refresh the page (F5).

您可以在不同的文件中放置几个​​断点。如果刷新页面,断点不会消失(F5)。

This tutorial should help you as well.

本教程也应该对您有所帮助。


推荐阅读
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 动态json文件php(json拼接动态数据)
    本文目录一览:1、如何php将一个动态的数组转换为json的格式 ... [详细]
  • 本文详细介绍了SQL日志收缩的方法,包括截断日志和删除不需要的旧日志记录。通过备份日志和使用DBCC SHRINKFILE命令可以实现日志的收缩。同时,还介绍了截断日志的原理和注意事项,包括不能截断事务日志的活动部分和MinLSN的确定方法。通过本文的方法,可以有效减小逻辑日志的大小,提高数据库的性能。 ... [详细]
  • 本文讨论了在Windows 8上安装gvim中插件时出现的错误加载问题。作者将EasyMotion插件放在了正确的位置,但加载时却出现了错误。作者提供了下载链接和之前放置插件的位置,并列出了出现的错误信息。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 使用Ubuntu中的Python获取浏览器历史记录原文: ... [详细]
  • 浏览器中的异常检测算法及其在深度学习中的应用
    本文介绍了在浏览器中进行异常检测的算法,包括统计学方法和机器学习方法,并探讨了异常检测在深度学习中的应用。异常检测在金融领域的信用卡欺诈、企业安全领域的非法入侵、IT运维中的设备维护时间点预测等方面具有广泛的应用。通过使用TensorFlow.js进行异常检测,可以实现对单变量和多变量异常的检测。统计学方法通过估计数据的分布概率来计算数据点的异常概率,而机器学习方法则通过训练数据来建立异常检测模型。 ... [详细]
  • Week04面向对象设计与继承学习总结及作业要求
    本文总结了Week04面向对象设计与继承的重要知识点,包括对象、类、封装性、静态属性、静态方法、重载、继承和多态等。同时,还介绍了私有构造函数在类外部无法被调用、static不能访问非静态属性以及该类实例可以共享类里的static属性等内容。此外,还提到了作业要求,包括讲述一个在网上商城购物或在班级博客进行学习的故事,并使用Markdown的加粗标记和语句块标记标注关键名词和动词。最后,还提到了参考资料中关于UML类图如何绘制的范例。 ... [详细]
  • 程序员如何选择机械键盘轴体?红轴和茶轴对比
    本文介绍了程序员如何选择机械键盘轴体,特别是红轴和茶轴的对比。同时还介绍了U盘安装Linux镜像的步骤,以及在Linux系统中安装软件的命令行操作。此外,还介绍了nodejs和npm的安装方法,以及在VSCode中安装和配置常用插件的方法。最后,还介绍了如何在GitHub上配置SSH密钥和git的基本配置。 ... [详细]
  • python+selenium十:基于原生selenium的二次封装fromseleniumimportwebdriverfromselenium.webdriv ... [详细]
  • 表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ... [详细]
  • ImgettingabugwithInternetExplorer.Theiframedoesnthavecorrectsizeanditisdisplayedo ... [详细]
  • JSCoverage-->JavaScript测试覆盖率检测工具(转),Go语言社区,Golang程序员人脉社 ... [详细]
  • 一、选择器性能优化建议1.总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。1$(#content).hide() ... [详细]
  • 如何阻止激烈的Javascr ... [详细]
author-avatar
爱吃肉肉的狼
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有