复制别人的H5场景或素材?

复制别人的H5场景或素材?

在手机看到好的H5素材,怎么获取下来呢?

图片素材的获取,可以通过素材库寻找。

但是如果希望某个H5页面上的素材,可以保存并用在自己的项目中,应该怎么做呢?

材料:谷歌浏览器,H5页面。此处以微吾H5平台上的H5链接为例子。微吾 - H5自助平台

1、将H5链接保存,转发到电脑上。

2、在谷歌浏览器中打开此H5链接。按“F12”按钮,打开内嵌到浏览器的开发者工具。

http://p.v5.yy.com/0GNbZ1dBGBJ38MPp.html (二维码自动识别)

3、点击菜单栏左边“鼠标”样式的按钮,鼠标样式变为灰蓝色后,将鼠标移动到想获取的图片模块上。

此时该图片模块会有蒙层样式。在页面下方开发模块,被选中模块对应代码的位置也会呈现深色。

http://p.v5.yy.com/0GNbZ1dBGBJ38MPp.html (二维码自动识别)

4、鼠标移动到开发模块深色部分,逐个查找该图片,鼠标上移到图片的标签位置时,会自动出现预览该图片,可用于确认自己要查找的图片。

图片位置:在左边模块中;

注意:图片一般在这类标签中<img src=”图片网址”/>

http://p.v5.yy.com/0GNbZ1dBGBJ38MPp.html (二维码自动识别)

5、将上图中的src中的图片网址双击选中,ctrl+c复制,并在浏览器新窗口中打开。可以看到下图,已经成功找到该图片元素。

鼠标上移到图片上,单击右键,弹出菜单,选择图片保存为,将其保存到电脑中。

微吾 - H5自助平台