当网页上的 html 动态更新时,我如何保存生成的 html,例如,我可以将其与 diff 进行比较以进行重复?



我想了解当我使用图像转盘时,对网页的html进行了哪些更改。当我转到转盘中的下一个图像时,页面的html会更新。我想获得更新后的html的副本,这样我就可以运行diff并将更改与原始html进行比较。

我正在通过Chrome与网页交互,但目前只能访问公开的源代码。

我一直在使用Chrome的Inspect Element面板。在"元素"选项卡中,当我将转盘移动到下一个图像时,我可以看到html发生了变化。尽管观看了"元素"选项卡中的html更新,但每次我尝试保存html时,我最多只能保存原始html。以下是我尝试过的:

  1. 打开"查看源代码"并保存源代码。事后看来,我意识到这会重新获取源代码,而不是加载我正在查看的当前视图的源代码
  2. 直接从我所在的页面保存页面
  3. 转到"检查元素"中的"源"选项卡并从中保存
  4. 尝试直接从"元素"选项卡保存,但我想不出方法。没有保存选项,我无法选择要复制和粘贴的文本
  5. 我试过在谷歌上搜索,发现了听起来相关的标题,但这些标题包含了不相关的内容
  6. 尝试了Firefox的Inspect Element,它似乎是基于相同的功能构建的。我想知道它是不是在同一台发动机上制造的

我在Linux Mint 19上使用Chrome 84,但我愿意在我的系统上使用不同的浏览器或其他应用程序。

我希望这是这个问题的正确堆栈交换。我最初看了webapps.stackeexchange,但当我浏览了其他问题后,这似乎并不匹配。

在Inspect Elements的"Elements"选项卡中右键单击html标记,例如<html>,然后选择"Copy OuterHTML"。将所选内容粘贴到文本编辑器中。

这适用于Chrome和Firefox。Firefox还提供了"复制内部HTML"选项。两者的区别在于"OuterHTML"复制开始和结束标记,而"InnerHTML"只复制标记内的内容

相关内容

最新更新