网站链接打开以后左边的小图标添加和微信分享左边图标

最新推荐文章于 2024-04-30 19:41:08 发布
最新推荐文章于 2024-04-30 19:41:08 发布
阅读量640 收藏
点赞数
文章标签： 移动开发
原文链接：http://www.cnblogs.com/Ann-wxp/p/4064566.html
版权

网站链接打开以后左边的小图标添加：

<link rel="shortcut icon" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" sizes="72x72" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" sizes="114x114" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon" sizes="144x144" href="styles/img/Logo.jpg">
       <link rel="apple-touch-icon-precomposed" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon-precomposed" sizes="114x114" href="styles/img/Logo.jpg">
      <link rel="apple-touch-icon-precomposed" sizes="144x144" href="styles/img/Logo.jpg">

这个link就是设置web app的放置主屏幕上icon文件路径.
iOS用rel="apple-touch-icon",android 用rel="apple-touch-icon-precomposed"。

微信分享左边图标：

方法1:

<head>
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='styles/img/Logo.jpg' />
</div>

</head>

图片大小要求300X300像素。

方法二：

<meta name="sharecontent" data-msg-img="缩略图地址" data-msg-title="标题" data-msg-content="简介" data-msg-callBack="" data-line-img="缩略图地址" data-line-title="标题" data-line-callBack=""/> 

缩略图地址必须是：绝对路径：http://……

 

转载于:https://www.cnblogs.com/Ann-wxp/p/4064566.html

dcmsv62880
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
导航网源码系统分享+一键收录
08-14
源码介绍： Ver 1.0 1.支持修改所有网站信息 2.支持修改管理员信息 3.支持上传网站logo/favicon图标/微信二维码 等图片 4.支持添加/修改/删除导航  5.支持添加/修改/删除分类 6.支持添加/修改/删除站点 7.支持审核/删除站点申请 8.支持发布/修改/删除公告 9.所有分类下的站点 10.单个分类下的站点 11.自动提交百度收录 12.各站点详情页 13.分类滚动定位 14.记录各站点浏览数 15.点赞功能（单个ip单个站点只能点赞一次） 16.站点详情页显示站点缩略图 17.站点炫酷跳转页[可选，22套加载页] 18.右下角悬浮按扭（去顶部/QQ/邮箱/微信二维码） 19.搜索功能（支持搜索站点名称/站点链接/站点简介） 20.访客申请站点收录功能 21.申请页在线获取网站信息 22.关于我们页面 23.站点图片懒加载 24.分类/站点链接别名 伪静态： RewriteEngine on RewriteRule ^index.html$ index.php RewriteRule ^about.html$ about.php RewriteRule ^search.html$ search.php RewriteRule ^apply.html$ apply.php RewriteRule ^404.html$ 404.php RewriteRule ^sort/([1-9]+[0-9]*).html$ sort.php?id=$1 RewriteRule ^sort/([a-zA-Z]+).html$ sort.php?alias=$1 RewriteRule ^site-([1-9]+[0-9]*).html$ site.php?id=$1 RewriteRule ^([a-zA-Z]+).html$ site.php?alias=$1
如何在微信朋友圈分享网页内容的时候能够有缩略图
热门推荐
写代码的蜗牛
05-27 2万+
写了一篇web文章，在微信里边分享，怎么才能有缩小的图片呢？这里说的就是朋友圈里边，别人分享的文章，旁边都有一个小个的图片。或者说发给朋友的时候，也有一个缩略图。 我们在编写网页的时候，如果使用微信API的话，是可以的，因为有相应的事件配置，如果你做过微信开发你应该知道我在说什么。但是那个比较复杂，而且要求是要认证的公众号。这里我们不讨论。 这里来简单说一下比较容易的方法
html微信分享图标设置,微信分享之设置分享title和icon
weixin_36211536的博客
06-05 1703
首先，无论是基于微信做什么，分享也好，上传图片也罢，第一步都要先设置config参数var appId = "";var timeStamp = "";var nonceStr = "";var signature = "";$.ajax({type: ‘post‘,url: ‘/Control/GetWeiXinParm‘,async: false,data: { url:window.loca...
网页标题增加自己的图标&分享到微信显示图标
weixin_34409741的博客
03-13 412
2019独角兽企业重金招聘Python工程师标准>>> ...
html把图片放到文章右边,怎么在文章中把图片放在文字的左边、右边、中 – 手机爱问...
weixin_33613462的博客
06-04 4616
2007-09-22发表的文章不显示文字,只显示标题和图片,只在左边显示文章的标题 ,而不在右边显示 ,这是怎么回事那 ,希望你们尽快回答我谢谢!!!!!!!!!11、一般文章开始发表时不需要审核的，正常情况发表马上刷新就可以在博客首页看见文章。文章要发表一定时间后才到管理员手里，管理员发现有问题的就删掉。2、如果系统怀疑有敏感词汇，自动识别系统会及时拦截交管理员处理，若无问题，管理员看后稍后就可...
如何自定义微信分享页小图标和标题内容
huansheng5602的博客
07-20 3103
TP框架下如何自定义微信分享页小图标和标题内容 1、获取公众号的access_token，并保存在服务器缓存（必须，否则重复请求服务器将到达上限，无法继续请求该数据）。 /*获取access_token*/ function getAccessToken(){ //我们将access_token全局缓存在文件中,每次获取的时候,先判断是否过期,如果过期重新获取再全局缓存 ...
html5微信分享图标和文本设置,科技常识：Html5 实现微信分享及自定义内容的流程...
weixin_39605905的博客
06-10 547
今天小编跟大家讲解下有关Html5 实现微信分享及自定义内容的流程 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关Html5 实现微信分享及自定义内容的流程 的相关资料，希望小伙伴们看了有所帮助。最近一个项目有一个微信分享并且需要自定义微信分享内容的需求，因为是第一次接触到微信分享，所以记录一下期间遇到的一些问题，以及完成功能的整个流程。以下为大概流程(细节放在各个阶段)安装 weix...
【已解决】部分安卓手机，部分ios机型，调微信的jssdk方法失败
huangfuyk.的博客
08-26 1153
【问题】 如果遇到部分安卓手机，部分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) => {
WordPress酱茄开源小程序-免费小蓝主题2.6.4最新版 微信小程序
05-05
9.打开小程序“添加到我的小程序”提示条 10.个性化友情链接互换协议页 11.后台自定义转发小程序封面、标题设定 12.增加文章底部打赏支持二维码 13.分类页面界面简洁美化效果 14.热榜页面界面简洁美化效果及...
详解微信小程序开发之——wx.showToast(OBJECT)的使用
01-20
接下来演示如何使用，先打开微信web开发者工具，新建快速项目，删除掉首页没用的内容，保留如下部分。   添加两个按钮，同事添加点击事件。再在按钮上添加navigator导航，链接到默认的日志页面。代码如下： &...
WordPress酱茄开源小程序-免费小蓝主题2.6.4最新版 微信小程序（已实测）
12-12
9.打开小程序“添加到我的小程序”提示条 10.个性化友情链接互换协议页 11.后台自定义转发小程序封面、标题设定 12.增加文章底部打赏支持二维码 13.分类页面界面简洁美化效果 14.热榜页面界面简洁美化效果及...
【微信小程序】深蓝装修营销管理系统小程序V3.4.0完整全开源安装包+小程序线传，优化商城模块首页显示问题
06-19
【微信小程序 查看更多关于 微信小程序 的文章 】深蓝装修营销管理系统小程序V3.4.0完整全开源安装包+小程序线传，优化商城模块首页显示问题！ 深蓝家居装修小程序 查看更多关于 装修小程序 的文章 一般用于装修装饰...
宽屏首页列表翻页教程网(带手机)-Asp
06-11
宽屏首页列表翻页教程网源码是asp+access/mssql架构网站系统，电脑版，手机版，平板版无缝切换，一个后台同步管理，整站生成静态利于搜索收录，dreamweaver打开可视化修改。 可用于制作教程网、文章网、新闻网、资讯...
最新链接分享给微信好友和微信朋友圈带图标和摘要的方法
秋天
09-29 1907
首先这一定需要使用微信jssdk，但是在你使用了微信jssdk之后，依旧分享的链接不带图标和摘要，那就看看我踩的坑吧。 前端代码 我这里引入了jQuery（不用jQuery的写法的话可以不引入），然后这里就是必须引入最新的微信jssdk：https://res2.wx.qq.com/open/js/jweixin-1.6.0.js 最新的微信jssdk已经舍弃了之前的分享接口，最新的分享接口是：updateAppMessageShareData 和 updateTimelineShareData 前端代码如
微信自定义链接分享网页（设置标题+简介+图片）
JiuShiWodaK的博客
06-23 2549
最近很多人问我微信如何去自定义分享出带logo和标题描述的链接 这里我把方法告诉大家，利用公众号原理代码： <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> wx.config({ debug: false, //appId: 'wx25367cbe46c663ce', appId: 'wxf7fec...
如何设置普通网页的微信分享图标
SmartT的专栏
09-21 2939
微信只认首个图片，最好如例，放在head内： wxicon图片要大于400*400（可能还要更大），才能生效。
在网页制作中增加微信QQ微博等ICO-font图标字体符号
05-27 815
在网页制作中增加微信QQ微博等ICO-font图标字体符号 window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)...
透明的Activity:主题样式：
最新发布
qq_63053996的博客
04-30 147
主题，透明activity
微信小程序怎么添加程序图标
07-14
在微信小程序中添加程序图标的步骤如下： 1. 准备好程序图标文件，通常应为正方形的 PNG 格式图片，推荐尺寸为 216px * 216px。 2. 打开微信开发者工具，在项目根目录的 app.json 文件中，找到 "tabBar" 字段。 3. 在 "tabBar" 字段中添加一个 JSON 对象，用于定义程序图标的相关信息，如下所示： ```json "tabBar": { "list": [ { "pagePath": "pages/index/index", "text": "首页", "iconPath": "images/icon-home.png", "selectedIconPath": "images/icon-home-active.png" }, // 其他页面的配置 ] } ``` 其中，"pagePath" 字段表示程序图标对应的页面路径，"text" 字段表示图标下方显示的文字，"iconPath" 字段表示未选中状态下的图标路径，"selectedIconPath" 字段表示选中状态下的图标路径。 4. 将程序图标文件放置在指定的路径下，例如在项目根目录下的 images 文件夹内。 5. 在微信开发者工具中点击编译按钮，即可在模拟器或真机中看到添加的程序图标。 注意：添加程序图标后，需要重新编译小程序才能生效。同时，确保程序图标文件的命名和路径配置正确。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值