iframe中的可视元素选择器（选择器）

Question

我正在开发一种交互式解析工具，用户应该可以通过输入URL并直观地选择元素来加载任何外部网页。

加载页面应该包含所有原始用户界面。

挑选的经验应该像浏览器的网络检查员一样。

我认为，他们有两种方式：

1。 iframe和选择器

将网页加载到<iframe>，然后使用一些选择插件，让用户选择任何元素。

库是否可用，允许在<iframe>中直观地选择元素？

2。浏览器插件，将提供选择UI

我认为，从用户体验来看，它会更好，因为整页都可以使用原始状态。

但是，支持许多版本浏览器的插件很快就会变得很难。

另外，有些网站是用javascript（React ...）构建的，我应该有一个解释器，它将以无头模式引导DOM。

你们可以通过哪些方式提出建议？

要使用哪些插件，库，包？

Answer 1

由于跨域安全限制，选项一不起作用。您必须通过您的服务器代理远程站点以克服此问题。