为了好玩,我试图将整个网站的源代码复制到一个.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
繁星coding
TA贡献1797条经验 获得超4个赞
错误的第一个脚本标记(突出显示)包含拼写错误(而不是 )。它应该是:/gov
.gov
https://esrl.noaa.gov/gmd/js/dygraph.min.js
而不是
https://esrl.noaa/gov/gmd/js/dygraph.min.js
添加回答
举报
0/150
提交
取消