工作需要画拓扑图,看到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.csdn.net/wejack/article/details/122734253
打包好的源码资源 https://download.csdn.net/download/wejack/78274589