为了账号安全,请及时绑定邮箱和手机立即绑定

如何显示来自其他网站的交互式图形?

如何显示来自其他网站的交互式图形?

红糖糍粑 2022-09-16 21:19:00
为了好玩,我试图将整个网站的源代码复制到一个.html文件中,并从我的桌面(非公共)本地运行它。虽然大多数内容都像原始网站上显示的那样加载,但我在显示交互式图表的实际内容时遇到了麻烦。例如,NOAA的全球监测实验室显示了基林曲线的交互式版本,其中有两个图形可以从底部(时间范围)操纵,悬停在上方以显示数字等。它应该看起来像这样:但是,相反,我的本地文件看起来像这样:如您所见,斜坡/绘图本身以及下面和侧面的其他一些特征都丢失了。我做错了什么?显然,网站的实际样式表缩短了文件路径(例如),因此我确保本地HTML文件中有直接链接(例如)。/gmd/css/gmd.csshttps://esrl.noaa/gov/gmd/css/gmd.css我在“检查元素”控制台的“元素”选项卡中复制了整个 HTML 代码(之后的所有内容)。是否还有其他内容应该添加到本地文件中?<!DOCTYPE html>
查看完整描述

2 回答

?
慕慕森

TA贡献1856条经验 获得超17个赞

是否直接从本地磁盘加载 HTML?通常,您不能对本地文件执行 XMLHttp请求

您最好的选择是启动一个小型HTTP服务器并从那里加载内容。两个好的选择是蟒蛇的:http.server

python -m http.server

或节点的服务器:

npm install --global http-server
http-server


查看完整回答
反对 回复 2022-09-16
?
繁星coding

TA贡献1797条经验 获得超4个赞

错误的第一个脚本标记(突出显示)包含拼写错误(而不是 )。它应该是:/gov.gov

https://esrl.noaa.gov/gmd/js/dygraph.min.js

而不是

https://esrl.noaa/gov/gmd/js/dygraph.min.js


查看完整回答
反对 回复 2022-09-16
  • 2 回答
  • 0 关注
  • 73 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信