本文介绍了一种有效的方法来下载并本地运行JTopo官方网站上的拓扑图示例。通过使用浏览器开发者工具，可以完整保存示例所需的HTML、JS、CSS和图片等资源，并按照特定目录结构组织这些文件，便于进一步的研究和测试。
工作需要画拓扑图，看到jtopo官网的代码，http://jtopo.com/demo/statictis.html，想把demo下载下来做测试，但是官网展示的代码只给了js的代码。下面介绍下我如何将demo整个拷下来的。
首先我已经尝试过直接command + s 保存整个网页，但是一方面无法运行，一方面保存下来的页面的源码很乱，不方便修改，所以要用另一种方式。
以我要研究的demo页面为例，http://jtopo.com/demo/statictis.html，打开F12后刷新下页面，打开网络/network选项卡，点击statictis.html记录，将响应中的内容保存到html中。
将网络中出现的js ,css ,图片文件分别保存到相应的目录中，如下图中画红框的文件。
最终文件目录结构如下图。
demo运行参考文档 https://blog.youkuaiyun.com/wejack/article/details/122734253
打包好的源码资源 https://download.youkuaiyun.com/download/wejack/78274589
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
