问题标签 [opera-dragonfly]

除了 Firebug 用于歌剧之外，蜻蜓的替代品是什么？

我在离线时使用蜻蜓时遇到了麻烦，由于代理设置，我无法使用 Firebug。

我想为 Opera 浏览器使用 Dragonfly 调试器。我不确定我做错了什么。我下载了歌剧浏览器，但是当我点击检查元素时，我只得到了萤火虫调试器。而且我不只是将一个与另一个混淆，因为我以前在另一台机器上使用过 Dragonfly。我必须下载另一个扩展程序吗？我使用的是 Max OS X 10.7.5。提前致谢。

如何检查鼠标移开时消失的元素？

我不知道它的 ID、等级或任何东西，但想检查它。

我尝试过的解决方案：

在控制台中运行 jQuery 选择器，$('*:contains("some text")')但没有任何运气，主要是因为该元素没有隐藏，但可能从 DOM 树中删除。

手动检查 DOM 树的变化没有给我任何东西，因为它似乎太快了，无法注意到发生了什么变化。

成功：

我在事件断点方面取得了成功。具体来说-在我的情况下是mousedown。只需进入Sources-> Event Listener Breakpoints-> Mouse-> mousedownChrome。之后我点击了我想要检查的元素，在里面Scope Variables我看到了一些有用的方向。

我刚刚安装了 Opera 17。我要哭了。如何将 Dragonfly 调试器从旧版本返回到这个版本的 Opera？T_T

在 Opera Dragonfly（Opera Presto 中使用的开发工具）中，有一个名为 Utilities 的选项卡。

在该选项卡中，您可以“截取屏幕截图”，将当前页面的图像屏幕截图加载到开发工具中。

然后，您可以放大/缩小并使用颜色选择器和标尺（尺寸被适当缩放以适应缩放）。

这在剪切标记时非常有用，因为它可以通过放大轻松测量间距、元素等。

我正在为 Chrome / Opera / Firefox 寻找类似的扩展程序/工具/插件，它允许我在放大时使用尺子进行测量，但没有找到任何东西。

有谁知道任何可能有帮助的事情？

使用 20.0.1387.82 或 22.0.1457.0（开发人员）当我右键单击并选择检查元素时，我得到一个普通的开发人员工具对话框：

不是一直描绘的那个：

它看起来与 Chrome 的调试器相同（尽管我已经卸载了 Chrome），最明显的是没有，顶行的图标和远程调试工具。有人知道如何让 Dragonfly 在我的机器上工作吗？

我喜欢在 Opera 浏览器中集成 Dragonfly IDE。特别是，视觉和代码透视图之间的链接允许轻松编辑相应的 HTML 代码。但是，我还没有找到将更改保存到本地文件的方法。

• 我有一个简单的静态网站，存储在我的本地硬盘上。
• 我在 Opera Developer（版本 28.0）中打开文件
• 我使用“检查元素 ctrl+shift+i”菜单选项打开蜻蜓
• 我进行更改并在浏览器中检查它们
• 我从蜻蜓保存html文件

观察：更改未保存。

有没有办法永久保存交互式更改？

我的问题/背景故事：我仍在使用 Opera 12（基于 Presto）和它的 Dragonfly 开发工具来快速编辑 CSS 和 HTML。

显然，其他浏览器更现代，通常更快，但 Dragonfly 是唯一允许我实时编辑任何 HTML 元素源的浏览器内工具。

我只需双击开发工具 DOM 视图中的任何元素（而不是在 Chrome 中笨拙的右键单击 ->“编辑为 HTML”），然后所有更改都会立即实时反映在主浏览器窗口中。

在我尝试过的 Chrome 和其他浏览器中，这个工作流程很痛苦，因为更改不会实时更新，而只是在使用 Ctrl+Enter（或类似方法）关闭 HTML 编辑器之后。

长话短说： 有没有像 Opera 12 中的 Dragonfly 那样允许实时编辑 HTML 源代码的现代浏览器？也许甚至在扩展的帮助下？