如何显示来自其他网站的交互式图形？
为了好玩，我试图将整个网站的源代码复制到一个.html文件中，并从我的桌面（非公共）本地运行它。虽然大多数内容都像原始网站上显示的那样加载，但我在显示交互式图表的实际内容时遇到了麻烦。
例如，NOAA的全球监测实验室显示了基林曲线的交互式版本，其中有两个图形可以从底部（时间范围）操纵，悬停在上方以显示数字等。
它应该看起来像这样：
但是，相反，我的本地文件看起来像这样：
如您所见，斜坡/绘图本身以及下面和侧面的其他一些特征都丢失了。我做错了什么？显然，网站的实际样式表缩短了文件路径（例如），因此我确保本地HTML文件中有直接链接（例如）。/gmd/css/gmd.csshttps://esrl.noaa/gov/gmd/css/gmd.css
我在“检查元素”控制台的“元素”选项卡中复制了整个 HTML 代码（之后的所有内容）。是否还有其他内容应该添加到本地文件中？<!DOCTYPE html>
浏览 74回答 2
2回答
-
慕慕森
是否直接从本地磁盘加载 HTML？通常，您不能对本地文件执行 XMLHttp请求。您最好的选择是启动一个小型HTTP服务器并从那里加载内容。两个好的选择是蟒蛇的：http.serverpython -m http.server或节点的服务器：npm install --global http-server http-server00 -
繁星coding
错误的第一个脚本标记（突出显示）包含拼写错误（而不是 ）。它应该是：/gov.govhttps://esrl.noaa.gov/gmd/js/dygraph.min.js而不是https://esrl.noaa/gov/gmd/js/dygraph.min.js00
相关分类