热门标签 | 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.

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


推荐阅读
  • 探讨.NET技术与Silverlight中控件拖放及复制功能的实现方法
    Silverlight拖动复制控件,就是将控件从一个容器中向另一个容器中拖动时,不是移动控件而把该控件到另一个容器中。这种情形在程序中经常遇到ÿ ... [详细]
  • 【高德地图Android开发套件】详尽视频教程
    前两天参加了高德在北航举办的公开课,感觉非常不错。完成老师布置的作业之后,还顺利地拿到了高德开发者认证证书!!现在来跟大家分享一下,如何快速学习【高德地图AndroidSDK】的开发。一天包会!连 ... [详细]
  • 周排行与月排行榜开发总结
    本文详细介绍了如何在PHP中实现周排行和月排行榜的开发,包括数据库设计、数据记录和查询方法。涉及的知识点包括MySQL的GROUP BY、WEEK和MONTH函数。 ... [详细]
  • 包含phppdoerrorcode的词条 ... [详细]
  • 应用链时代,详解 Avalanche 与 Cosmos 的差异 ... [详细]
  • 单片微机原理P3:80C51外部拓展系统
      外部拓展其实是个相对来说很好玩的章节,可以真正开始用单片机写程序了,比较重要的是外部存储器拓展,81C55拓展,矩阵键盘,动态显示,DAC和ADC。0.IO接口电路概念与存 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • poj 3352 Road Construction ... [详细]
  • 基于Net Core 3.0与Web API的前后端分离开发:Vue.js在前端的应用
    本文介绍了如何使用Net Core 3.0和Web API进行前后端分离开发,并重点探讨了Vue.js在前端的应用。后端采用MySQL数据库和EF Core框架进行数据操作,开发环境为Windows 10和Visual Studio 2019,MySQL服务器版本为8.0.16。文章详细描述了API项目的创建过程、启动步骤以及必要的插件安装,为开发者提供了一套完整的开发指南。 ... [详细]
  • 本文介绍了如何利用Struts1框架构建一个简易的四则运算计算器。通过采用DispatchAction来处理不同类型的计算请求,并使用动态Form来优化开发流程,确保代码的简洁性和可维护性。同时,系统提供了用户友好的错误提示,以增强用户体验。 ... [详细]
  • 本文深入解析了WCF Binding模型中的绑定元素,详细介绍了信道、信道管理器、信道监听器和信道工厂的概念与作用。从对象创建的角度来看,信道管理器负责信道的生成。具体而言,客户端的信道通过信道工厂进行实例化,而服务端则通过信道监听器来接收请求。文章还探讨了这些组件之间的交互机制及其在WCF通信中的重要性。 ... [详细]
  • 触发器的稳态数量分析及其应用价值
    本文对数据库中的SQL触发器进行了稳态数量的详细分析,探讨了其在实际应用中的重要价值。通过研究触发器在不同场景下的表现,揭示了其在数据完整性和业务逻辑自动化方面的关键作用。此外,还介绍了如何在Ubuntu 22.04环境下配置和使用触发器,以及在Tomcat和SQLite等平台上的具体实现方法。 ... [详细]
  • 本文详细介绍了 jQuery 的入门知识与实战应用,首先讲解了如何引入 jQuery 库及入口函数的使用方法,为初学者提供了清晰的操作指南。此外,还深入探讨了 jQuery 在实际项目中的多种应用场景,包括 DOM 操作、事件处理和 AJAX 请求等,帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]
  • PHP连接MySQL的三种方法及预处理语句防止SQL注入的技术详解
    PHP连接MySQL的三种方法及预处理语句防止SQL注入的技术详解 ... [详细]
  • 在Adobe After Effects中,通过高效添加地图指北针,可以显著提升地理信息的准确性和视觉效果。本文介绍了一种方法,利用代码函数 `public static void ExportMapEx(string filepath, int resolution, AxMapControl curMapControl)`,实现地图导出时自动添加指北针,确保地理数据的精确性和一致性。此外,还详细探讨了如何优化指北针的位置和样式,以增强地图的可读性和专业性。 ... [详细]
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社区 版权所有