神奇的 gatsby 网页,保存下来全都拒绝再看

2020-06-08 11:59:25 +08:00
 eteled

浏览 gatsby (静态网页生成器?) 官网 https://www.gatsbyjs.org/ 时,右键无意点到了“另存为”,删除前打开看,发现页面一打开竟然快速马上跳到磁盘目录,而且浏览器的后退键变得无效,无法返回到上一页。 以为手误,再三尝试,还是一样的情况。 觉得蹊跷,到网站的 showcase 列表中的打开任一网站,保存任一网页到本地,打开,哇,都是这样的情况!

请教大佬,这是什么原因?进一步的,如何可以原汁原味地保存和离线浏览这些通过 gatsby 生成的网页呢?

1937 次点击
所在节点    问与答
10 条回复
codehz
2020-06-08 12:03:12 +08:00
我猜是有前端路由,然后本地打开 url 有问题
bnm965321
2020-06-08 12:04:05 +08:00
web archive
liyang5945
2020-06-08 12:29:38 +08:00
保存成 html+文件夹的形式,然后改下 html 里面的文件名路径,把文件名后面的<.下载>去掉,文件名也这样改,然后本地布一个 nginx,放到根目录可以访问
jugelizi
2020-06-08 12:30:07 +08:00
先看有没有保存源代码到本地 丢 webserver 的目录下查看 别用 file 打开
Jirajine
2020-06-08 12:37:05 +08:00
把渲染后的页面保存下来,然后把 js 全都清掉
liyang5945
2020-06-08 12:39:48 +08:00
我弄下来了,地址在 [https://dev.liyangzone.com/],原网站是[https://www.ideo.com/],处理后的本地文件[https://dev.liyangzone.com/gatsby.zip],不要直接打开 html 文件,要用本地服务器访问
eteled
2020-06-08 13:30:54 +08:00
@bnm965321
感谢指点。拿列表里的 https://www.hopper.com/ 实验了下,发现惊讶现象:
随手打开该网站的一个存档,地址是,
https://web.archive.org/web/20200520004955/https://www.hopper.com/

完全加载后,浏览器的地址竟然变成了 https://web.archive.org/ 可是内容却不是 https://web.archive.org/ 的主页!震惊了,这是什么情况!
eteled
2020-06-08 13:45:26 +08:00
@liyang5945 感谢老铁,有心了!
请教这里的“处理”指的是?
另,dev.liyangzone 看起来和原站相比有错乱,这是处理的原因吗?

我看到的 i.loli.net/2020/06/08/k8LMAWfHXdBQxhF.png

原站 i.loli.net/2020/06/08/QGZf4DgsCMmTYv8.png

另,楼上提到了也是列表里一个邪乎的网站 hopper,这个情况和你弄下来的 ideo 在 web archive 上的表现又不一样,ideo 的地址是正常的,hopper 是邪门的。
eteled
2020-06-08 13:46:38 +08:00
liyang5945
2020-06-08 14:13:55 +08:00
@eteled #8 处理就是改了文件名和路径,错乱好像是 css 问题,我正在找原因

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/679652

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX