☰

复制 html 内容

tag-icon • tag-icon google-chrome browser
复制 html 内容

使用浏览器 Chrome，我想从网页复制一些值。

例如，给定的链接https://www.w3schools.com/howto/howto_custom_select.asp。对于下拉选项的值，我右键单击它并“检查元素”，它会显示选项。

有没有办法直接复制它们（到剪贴板），而不检查页面源代码，或使用任何脚本？谢谢。

在此处输入图片描述

答案1

听起来您是在“抓取”页面。Chrome 有扩展程序（在您的问题中指定）可以做到这一点。

这是我在谷歌搜索 Chrome Web Scraper 后找到的。

https://chrome.google.com/webstore/detail/web-scraper/jnhgnonknehpejjnehehllkliplmbmhn?hl=en

答案2

有些页面你无法在 HTML 源代码中看到这些值。这种方法有点帮助。

作为一种选择，似乎也可以直接从元素窗口复制元素。您可以选择所需元素中的任意一行并复制它，但不能复制多行（Ctrl 或 Shift 无法进行多选）。

诀窍是选择并复制父行。在示例中，复制以下行：

复制 OuterHTML 或 Element

<select>...<select> == $0

将其粘贴到记事本或任何编辑器，您将得到：

<select>
  <option value="0">Select car:</option>
  <option value="1">Audi</option>
  <option value="2">BMW</option>
  <option value="3">Citroen</option>
  <option value="4">Ford</option>
  <option value="5">Honda</option>
  <option value="6">Jaguar</option>
  <option value="7">Land Rover</option>
  <option value="8">Mercedes</option>
  <option value="9">Mini</option>
  <option value="10">Nissan</option>
  <option value="11">Toyota</option>
  <option value="12">Volvo</option>
</select

就这样就快完成了。

相关内容