1. 程式人生 > >微信分享功能,安卓手機分享圖片不顯示

微信分享功能,安卓手機分享圖片不顯示

最近公司做的一些專案都跟微信有關係,需要有個分享的功能,但是在測試環境的時候分享功能都正常,圖片標題描述之類的都沒問題,放到線上,安卓手機分享時,縮圖就是不顯示

介紹一下測試/生產環境:

  測試環境:網站和圖片伺服器都是採用http

  生產環境:網站和圖片伺服器都是採用https

問題原因猜想:

  a.圖片大小和尺寸太大出不來:圖片是150X150 的,近40K,後來給製作重新做圖,30X30的10k不到,分享圖片大小最好不要超過32k ,尺寸100x100以上就行,別太大了,太小了圖片失真

  b.圖片路徑有{-}中劃線:某些瀏覽器或手機對含有中劃線的路徑不【友好】,結果把圖片放到上一層目錄,避免類似.../year-imgs/head.png這種路徑

  c.圖片字尾不行:圖片做的是.png字尾格式的,網上資料說分享朋友圈的時候可能直接會忽略掉.png字尾的圖片,最好使用.jpg的圖片作為分享圖片的格式

  d.分享時呼叫介面沒有取到圖片地址:在頁面的頂部(或者把分享的那張圖片放在該頁面所有圖片的前面第一個位置)head裡面放置一個圖片(隱藏的)

   <img id="head_img" src=”http://wap.qd0931.com/wap/sj_zqth/images/logo.jpg” width=”0″ height=”0″ />,千萬不能寫成display:none這種隱藏,

   這樣呼叫分享介面時,微信應該會預設讀取到頁面第一張圖片的路徑

  e.最後還是不行,直接使用js獲取img的圖片路徑:$('#head_img').attr('src'),結果沒反應

通過上面的一系列的措施最終圖片還是沒有出來,最後通過對比發現生產環境的圖片伺服器(協議)是https的,測試的圖片伺服器(協議)是http的,於是我就把生產環境分享的縮圖的路徑複製到測試上面,結果分享的時候果然不顯示,而測試伺服器的圖片在分享的時候就顯示,得出結論安卓機在分享時縮圖不顯示可能跟圖片伺服器的協議有關係(http、https)

然後根據自己的結論是網上查詢相關的資料,果然有這麼回事,下圖是我在網上看到的特意截個圖(原創莫怪!):

  

  至於為什麼啟用了https,圖片在安卓機器上面就不顯示,原因我也不是特別清楚,可能是協議的證書不太完整吧!有待學習

相關推薦

分享功能手機分享圖片顯示

最近公司做的一些專案都跟微信有關係,需要有個分享的功能,但是在測試環境的時候分享功能都正常,圖片標題描述之類的都沒問題,放到線上,安卓手機分享時,縮圖就是不顯示 介紹一下測試/生產環境:   測試環境:網站和圖片伺服器都是採用http   生產環境:網站和圖片伺服器都是採用https 問題原因猜想:

網頁無法使用瀏覽器開啟(手機:該證書並非來自可信賴的授權中心)

生成二維碼的時候發現網頁無法在微信瀏覽器裡開啟,檢查了二維碼對應的URL連結沒有錯誤,在CHROME裡也能開啟,用安卓自帶的手機瀏覽器開啟時,提示:該證書並非來自可信賴的授權中心。 使用這個SSL檢查站檢查,發現前四項正常,第五項報錯:A valid Root CA Certificate

內網頁某些手機能上傳圖片檔案的問題(1)

最近的一個專案是微信公眾號關聯的網站,自然用新技術HTML5 了。 在某個手機發布資訊的頁面中,卻碰到了一個詭異的問題。 在某些安卓手機上無法使用上傳圖片功能,你怎麼點都沒用。 微信並沒有對type=file做任何特殊處理。但是在Android 4.4.1/4.4.2系統中

小程式訪問正常蘋果訪問執行wx.request

今天遇到個奇怪的問題,客戶打電話來說小程式出問題了,安卓手機訪問是正常的,可是蘋果手機卻不能訪問。 開啟開發工具查了一下,沒有問題,用蘋果手機進入除錯模組看輸入結果,發現每次都停在request begin這裡,後臺也無法獲取到前臺傳送過來的資料,所以斷定小程式沒有執行re

小程式-部分手機顯示頁面資料問題

在小程式專案開發過程中一直是在IOS環境下測試的,專案釋出後發現部分安卓手機無法顯示頁面資料後面查了一些資料發現,原來呼叫了官方程式碼WxParse.wxParse去解析頁面內容,但是這個方法裡有個JS檔名叫:html2Json.jsif (name == 'class')

呼叫JSSDK介面實現自定義分享功能

1,你需有一個公眾號,沒有不用談自定義分享內容了; 2,公眾號上把你的域名增加到“JS介面安全域名”: 3,我這功能是基於thinkphp3.1實現的,按下圖上網下包放在對應該目錄下: 4,修改核心公共檔案:functions.php 加入程式碼: /*

支付----APP(IOS)調起支付所需引數c#後臺介面

#region 微信APP支付介面 /// <summary> /// 微信APP支付介面 /// </summary> /// <param name="out_trade_no

[開源硬體DIY] 自制一款精緻炫酷的藍芽土壤溫溼度感測器用於做盆栽呵護類產品(API開放開發者可自行DIY小程式\IOS應用)

[TOC] . ### 前言: 本期給大家帶來一款精緻炫酷的藍芽土壤溫溼度感測器,用於做盆栽呵護類產品. . ### 1. 成品展示 淘寶上賣得比較多的主要是下面這種模組,其主要作用是測量土壤電阻(越潮溼,電阻越小;越乾燥,電阻越大),同時賣家會提供一個adc電路,該電路有電壓比較器,可以根據可調電阻設定

關於內置瀏覽器端session丟失問題

共享 bsp 由於 session共享 ssi 客戶 replace -a 導致 項目上線測試,發現微信安卓端存在用戶登錄無法驗證session情況, 導致每次接口請求都無法識別,而蘋果客戶端不會出現此問題,非微信環境打開不會出現此問題,找到一些解決方案做下記錄: 方案1:

H5支付從第三方手機瀏覽器中直接打開支付頁面

pan 兩個 add field out 字典 註意 cti 返回 首先在商戶平臺通開H5支付功能,然後幫後綁定,支付完成之後需要跳轉的地址,開通之後就可以開發H5支付; 首先是簽名,臥槽,說到這個就想罵人, 官方文檔的解說;文科生哪能看得懂什麽是集合; 下面就來簽名:

Unity截圖儲存到本地手機

1、簡單粗暴 ,直接上程式碼。 using UnityEngine; using System.Collections; using System.IO; public class SavedScreen : MonoBehaviour { string path = "";

小程式、APP、蘋果APP對比分析

今天的話題主要是關於微信小程式、安卓APP、蘋果APP對比分析。既然是對比分析肯定是將它們一個一個說明。 本篇不涉及技術話題,只講解微信小程式、安卓APP、蘋果APP它們各自的優缺點及其應用場景。 一、微信小程式 1.微信小程式的優勢 (1)對使用者使用上來說,確實方便,要用的時候開啟,不用的時候關掉

不用任何軟體!PDF轉Word用這個功能簡單又方便!

最近很多朋友問我怎樣可以不用下載、安裝轉換器將PDF轉Word?這看似不存在的,其實,可以利用微信小程式,這樣不僅不需要安裝轉換器,還能輕輕鬆鬆將PDF轉Word,簡單又方便哦。 PDF轉Word: 1. 首先我們開啟微信——發現——小程式——搜尋框搜尋【迅捷PDF轉換】小程式。

記一次小程式在的白屏問題

在做小程式的時候,做到了一個限時商品售賣,用到了倒計時,因為這個原因導致了安卓手機上使用小程式時,將小程式放入後臺執行一段時間後,再次進入小程式後出現了頁面白屏或者點選事件失效的情況,這裡記錄下 1.相關程式碼檔案 我這裡是使用了自定義元件的形式來渲染的 外部的引用的自定義元件的wxml

cocos creator 登陸例子(

該例子可直接執行,雖然只包含微信登陸,不過一般夠用了,看看微信文件應該可以,另外伸手黨如果想獲取完整版的 微信分享好友,朋友圈,登陸不用返回直接回到原專案等等可直接裝上專案的例子可聯絡我微信:aa785954118      記得把appid改成自己的 下面是例子:

Android 仿通訊錄功能好友排序 + 字母索引

一、效果圖展示 二、功能特點 1.好友排序:按照拼音順序對好友進行排序,相容英文數字符號等 2.字母索引:右側字母導航條,既可拖動也可點選,聯動ListView滑動 三、實現 接下來就讓我們一步步顯示這個效果吧。 1.右側字母索引的導航條 這個我們可

使用springmvc 接收上傳圖片手機 ios 上圖片上傳就報錯 沒有就報下面這個錯誤然後在pc端跟手機上就會有這個錯誤這是為什麼呢?

七月 18, 2018 4:04:22 下午 org.apache.catalina.core.StandardWrapperValve invoke 嚴重: Servlet.service() for servlet [springMVC] in context with

小程式部分機型 wx.request success statusCode 400問題

最近在弄微信小程式調介面的時候,模擬器上執行好著,但是安卓部分機型出現了wx.request success statusCode 400這個錯誤,蘋果還沒有發現,原因是這個介面要加簽名,還要加密,就避免不了url太長了,用data傳值就好了,記錄下,哈哈哈哈哈。。。。。

最全的解決方案手機gps定位慢怎麼辦?輕鬆幾步搞定

近日我在論壇中看到有不少的網友們都在抱怨自己的安卓手機gps定位慢怎麼辦,現在多數gps都是agps,通過移動資料來輔助定位,這個基本是秒定的,很多rom裡面沒整合這個功能,那就要慢得多,換幾個rom試試,反正我用的安卓gps只要開了移動資料基本都是秒定,不開的話,那要幾分鐘才能定位,室外半小時不能定位是不正

利用WxJava實現網站整合登入功能核心程式碼竟然超過10行

最近網站PC端整合微信掃碼登入,踩了不少坑,在此記錄下實現過程和注意事項。 本文目錄 一、微信開放平臺操作步驟1.建立“網站應用”2.獲取AppID和AppSecret二、開發指南三、開發實戰1、pom.xml引入jar包2、配置檔案新增對應的配置3、初始化配置4、控制