使用JavaScript显示给定URL的网页内容的最佳方法是什么?

时间:2019-06-28 16:05:12

标签: javascript html

我正在开发一个小的标签工具,给定的URL应该显示该URL上托管的文档,并允许用户为该文档选择标签。

我想为此显示URL的内容。据我所知,我可以获取URL内容,解析内容并显示或使用iframe选项。

  • 不使用解析器

目标网址未启用iframe,我要显示其内容。还有其他方法可以使用javascript而不使用解析器吗?

  • 使用解析器

我可以抓取URL的内容,获取所有内容并将其转储到网页区域中。

我是javascript和前端开发的新手,所以不确定这些是否是唯一的选择。

还有其他选择吗?

如果解析器是唯一选项,是否可以转储从远程URL获得的HTML?我了解远程网址中可能包含的图像和其他媒体将不会显示。此方法还有其他警告吗?更重要的是,这是最好的方法吗?

1 个答案:

答案 0 :(得分:2)

大多数站点都通过iframe来实现,就像您提到的codepen一样。

此外,您可以使用Puppeteer(无头浏览器)来执行此类操作。使用网页抓取功能获取内容,或截图或打印pdf。漂亮的图书馆。

  

您可以在浏览器中手动执行的大多数操作都可以使用   木偶!以下是一些入门的示例:

     
      
  • 生成页面的屏幕截图和PDF。抓取SPA(单页应用程序)并生成预渲染的内容(即“ SSR”
      (服务器端渲染)。
  •   
  • 自动执行表单提交,UI测试,键盘输入等。创建最新的自动化测试环境。
  •   
  • 使用最新的JavaScript和浏览器功能直接在最新版的Chrome中运行测试。
  •   

希望这会有所帮助!