手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使网页分享到朋友圈显示小图片

时间:2024-10-13 08:28:09

1、在所需分享的网页代码的头部<head>里面添加一个<div>挢旗扦渌;:<div id="shareImage" style="display: none;"> <img src="图片路径" /> </div>如图:

如何使网页分享到朋友圈显示小图片

2、完整示例(在文件目录下添加一张pic.jpg图片即可正常显示):<html> <茑霁酌绡head> <title>Test</title> <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui"> <meta charset="utf-8"> <div id="shareImage" style="display: none;"> <img src="pic.jpg" /> </div> </head> <body><h1>测试网页</h1> </body></html>

© 手抄报圈