手机分享自定义小标题图片和文字内容

原创于 2018-02-26 16:06:21 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #移动端开发 #自定义分享 #自定义分享内容

前端开发同时被 2 个专栏收录

5 篇文章

订阅专栏

移动端开发

5 篇文章

订阅专栏

本文介绍了一种在不同浏览器平台上统一分享内容的方法，通过使用特定的meta标签来自定义分享时显示的标题、图片和描述，确保跨平台的一致性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在手机端有需求，需要分享功能，但是在不同浏览器平台分享的时候，自动抓取的内容和图片不尽相同，而且非常不合理，最后终于找到解决方法，特此分享！

//分享标题图片
<meta itemprop="image" content="自定义小标题图片" />
	<meta itemprop="name" content="自定义标题" /> 
	<meta name="description" itemprop="description" content="自定义文字" />
	<div style="margin:0 auto;overflow:hidden; width:0; height: 0; display: block;"><img src="images/logo1.jpg" /></div>