冒险岛2官网模拟具体教程之一工具的准备(详解)(连载)

第一步:因为我们没有UI提供的页面原图,所以我们需要自己在官网场面去截图,那么怎么截图呢?
a: 用谷歌浏览器先打开冒险岛官网:http://mxd2.qq.com/main.htm
b: 打开你想截图的网页,然后按下 F12(macOS 是 option + command + i)调出开发者工具,接着按「Ctrl + Shift + P」(macOS 是 command + Shift + P)。紧接着输入指令 capture,它会提示有三个选项,如下图所示:
这里写图片描述
此时谷歌浏览器会自动将截好的图片下载到本地。
第二步:我们需要将当前网页的所有图片,此时字需要点击当前网页,然后另存为,此时网页上面的所有资料都会存入到本地。
下载到下来的资料:
这里写图片描述
第三步:开发人员工具
开发平台: webstorm / PS / Mark Man
接下来就正式开始我们的项目吧!

猜你喜欢

转载自blog.csdn.net/weixin_42839080/article/details/81514307