微信h5分享图标没有展示

最新推荐文章于 2025-01-02 15:16:08 发布
原创 最新推荐文章于 2025-01-02 15:16:08 发布 · 1.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5

博客指出图标尺寸小，在webpack打包时被压缩成base64格式，而微信分享图标不支持该格式。并给出两种解决办法，一是将图标上传到cdn，分享地址写上传后的地址或通过接口请求；二是把图标的大小变大。

 

图标的尺寸太小，在webpack打包时被压缩成base64格式的，而微信分享的图标不支持这种格式。

解决办法： 1  把图标上传到cdn上，分享的地址写 图标上传后的地址即可，或者通过接口请求图标地址也可以，这种方法也容易更换

2 把图标的大小变大

vue3 h5跳转到小程序，h5分享微信自定义标题和图标
无
10-25 2331
配置微信sdk需要的方法和组件updateAppMessageShareData、updateTimelineShareData、 wx-open-launch-weapp。这是一起非常绕闹的需求，虽说不难 ，但是一堆坑啊，我每天都在跳坑，本来这篇文章就只讲h5跳转小程序的，但是分享都一起了，那就一起讲了吧，话不多说，先上笔记。安装好之后 在需要的页面中 引入weixin-js-sdk 别人都封装了文件 我在这就不封装了 直接在需要的文件中使用 没问题了 自己再去封装。
微信h5分享好友和朋友圈功能
qq_35946021的博客
06-06 9031
微信h5分享好友和朋友圈功能，微信H5卡片分享功能
基于vue的h5网页微信分享链接图标丢失问题解决
qq_33315564的博客
11-03 3699
基于vue的h5网页微信分享链接图标丢失问题解决微信JS-SDK说明文档怎样调用微信JS-SDK重点 对于目前的移动互联网，客户端分成了安卓、IOS和h5三大块，为了引流，安卓和ios往往会分享到微信、QQ、微博等社交工具，第一次分享时图标、标题和描述是IOS和安卓配置的，对于web前端所做的分享页无需做任何操作。 但如果我们在微信打开这个链接之后，再次分享出去，分享的描述会变成链接地址，分享的图标也不见了。 查了相关文章，有说直接再网页body标签里面直接写img标签，设置样式，然而并不行，就选择用了
vue的H5项目实现微信分享给好友和朋友圈自定义缩略图显示内容和图标
BigFamer的博客
05-09 3732
遇到的问题（三） 接上篇文章的项目。在做完所有的页面后，后端小伙伴初步实现了微信分享，但是分享后缩略图是酱紫的： 最初的效果缩略图图标是一个回形针，内容是页面的title，我不想要这种效果，想实现下面那种图标和内容都可以自定义的效果，还有一点，我还想自定义每个页面（因为本项目有多个页面）分享后的URL（即点击分享缩略打开指定页面）。调用微信的接口时，遇到了这么几个问题： 1、微信的签名问题：“e...
微信h5分享卡片不出现标题和缩略图
qq_33593958的博客
01-24 2676
1、网上有很多方案，有在body首位设置图片的、有htts安全协议的、有图片不支持png的、有图片与安全域名要一致的等等；1、微信公众号h5网页，在测试环境联调过程中，分享卡片可以出现描述和缩略图，但是放到线上不行；3、重点来了，一定要在安全中心配置ip白名单，就生效了；2、这是我们微信公众号平台配置。1、这是我们页面上写的调用。
链接分享到微信之网页被重排及图标不显示的问题
低调的五号位
09-15 1129
今天在开发一个分享功能时遇到这样两个问题： 1、产品详情页面H5链接，在分享到微信或朋友圈打开的时候出现提示“由于安全原因网页被重排”，导致页面部分JS无法执行； 2、通过App分享到微信或朋友圈的链接，再次通过微信的分享给好友，出现图标不显示的问题； 先说第一个“网页被重排”的问题： 这是由于微信内置的浏览器内核出于安全的考虑，如果要执行一些复杂的脚本，就需要先通过微信的认证。 解...
【已解决】部分安卓手机，部分ios机型，调微信的jssdk方法失败
huangfuyk.的博客
08-26 1607
【问题】 如果遇到部分安卓手机，部分ios机型，调微信的jssdk方法失败。 【方法】 请求config接口的时候，加一个参数: { url: window.location.href.split(’#’)[0] } 例如： import axios from 'axios' import wx from 'weixin-js-sdk' export default function getWXSign() { return new Promise((resolve, reject) => {
HBuilder：微信h5实现音乐图标旋转播放，停止暂停
01-15
本文将详细介绍如何使用HBuilder在微信H5环境中实现音乐图标旋转播放、停止和暂停的功能。 首先，我们需要创建一个H5页面，这可以通过HBuilder的内置模板或新建空白页面来完成。在HTML结构中，我们需要一个音乐播放...
HTML5微信分享图标和文本设置
11-23
​想必大家都在自己的微信朋友圈看到过别人分享的一些网页链接消息，但是你...今天要跟大家分享的就是如何让自己的网页在微信分享朋友圈中拥有一个自己个性的图标以及自定义分享中的描述文字。--->详情见我的博客哦！
H5微信分享 自定义图标和内容（以及二次分享图片丢失的解决办法）
ksyjy的博客
04-03 4292
只列前端需要做的工作 一、需配置的东西 1、请确认公众号已经认证，只有认证的公众号才具有分享相关接口权限 2、登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(需要调用微信接口的h5域名) 3、在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js 4、配置IP白...
宣传微信h5.zip
01-16
"宣传微信H5.zip"这个文件集合了H5手机页面的一些常见特效，包括触屏滑动上下翻页、上浮动箭头以及旋转音乐图标播放暂停功能，这些都是提升用户体验的关键元素。 首先，触屏滑动上下翻页是H5页面中常见的滚动效果。...
微信分享之分享图片/分享图标不能显示
weixin_34290390的博客
03-15 1531
微信分享之分享图标/分享图片不能显示   主要是几个问题： 1、保证分享接口调用成功和分享路径的正确 2、保证分享图片的路径不要还用中文或全角字符 3、保证文案中不要含有红包、领取等敏感字符。   分享接口在未加载成功的时候，会出现错误。 做二种处理： 1、等页面加载完毕才调用分享接口，缺点，页面打开比较慢，用户体验不好 2、分析微信分享的实质，分享表示是页面的title，分享图标是页面的第一张图...
微信分享只有链接没有图标和标题正文的问题分析
时清云的博客
05-31 7850
出现上述问题的原因是微信规则的问题1、用链接的方式打开页面 然后分享只会出现当前页面链接不会出现图文；2、通过带图标的分享打开再次分享就是带图标标题的了；3、可以用二维码或者微信菜单的方式打开，分享一切正常。
h5项目微信分享（以卡片形式，带标题和图片）
m0_67624022的博客
07-02 5420
1. 注册成为微信开放平台开发者2. 配置安全域名3. 获取Access Token和JSAPI Ticket4. 引入微信JS-SDK5. 配置微信JS-SDK(通过后端接口获取参数) 6、wx.updateAppMessageShareData
【Vue】H5浏览器实现【微信分享】功能的终极解决方案
最新发布
小安驾到的博客
01-02 1万+
分享H5浏览器完成微信分享卡片功能，特别需要注意：iOS设备出现invalid signature签名错误，很可能是因为 wx.config中的realAuthUrl与当前页面url不一致造成的！
app嵌套H5 图片不显示问题
烟雨任平生╰的博客
10-08 1224
问题描述： 原生app嵌套H5页面，H5页面数据通过js模板字符串进行拼接渲染，问题代码： let n = `<div class='imgContainer'><img src="./img/red2.png" /></div>` 本地调试图片展示正常，但上到测试线，在app上图片会出现破碎的情况，这个问题查了一下是图片路径引用机制的问题，需要用require进行引用 解决： let n = `<div class='imgContainer'><i
解决网站分享到微信后,ico图标消失问题
前端程序猿的博客
05-18 916
【代码】解决网站分享到微信图标消失问题。
微信分享网页 图标不显示
热门推荐
本人很懒
11-17 1万+
微信分享网页，分享出去自己可以看到图标，但是别人那里图标不显示。Android和IOS都出现这个问题。   图片大小确认不大于32k,代码设置确认没有问题，但就是不显示。 最后找到原因：标题含有敏感词汇,我们是有红包这个词，去掉以后显示正常。 如图所示 本应该显示是一张红包图片就是下面标题改为123456时显示才是正常的：
微信h5页自定义分享标题描述图标
王敬辉的博客
12-24 1179
// 微信分享 $(function(){ function initWxShare() { var ajaxurl = "";//公众号信息存储 var link = location.href.split("#")[0];//获取url替换#后面的部分hash值 var title = "这里是标题...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值