本文将介绍如何利用JavaScript和React从没有API的网站上提取并渲染数据。主要方法是使用iframe嵌入目标网站，并简要说明了使用iframe的注意事项，帮助开发者在缺乏API的情况下也能有效地展示来自其他网站的信息。

在Web开发中，有时我们需要展示来自其他网站的数据，但这些网站并没有提供API接口。在这种情况下，我们可以利用一些技术手段来获取并渲染这些数据。一种简单直接的方法是使用

使用

示例代码 (React):

立即学习“Java免费学习笔记（深入）”；

page-agent 浏览器控制（CDP）

使用 page-agent CLI（CDP）控制浏览器；CLI只能通过 GitHub Release 的 .tgz 安装，npm 官方包暂未发布。

下载

import React from 'react';

function ExternalWebsite() {
  return (
    <iframe
      src="https://example.com"  // 替换为目标网站的URL
      title="Example Website"
      width="100%"
      height="500px"
    ></iframe>
  );
}

export default ExternalWebsite;

代码解释:

• src: 指定要嵌入的外部网站的URL。将其替换为你需要展示的网站地址。
• title: 为
• width 和 height: 定义

使用方法:

1. 将上述React组件添加到你的项目中。
2. 将src属性的值替换为目标网站的URL。
3. 根据你的布局需求调整width和height属性。

使用

虽然

• 安全性:
• 跨域问题: 由于浏览器的同源策略，你无法直接访问
• 性能: 嵌入多个
• 响应式设计: 确保
• SEO: 搜索引擎通常不会索引

总结

使用