微信朋友圈內嵌WebView，可以理解成一個瀏覽器。

所以，任何可訪問網頁都能在朋友圈打開、分享，就非常容易理解了。

微信的WebView內有一些自帶特性，如WeixinJSBridge對象，可以定制一些特性。

最簡單的情況，我們寫一個可以訪問的網頁（帶服務器的），把url復制到微信中發送給任何人，點擊url就可以打開這個網頁。但是url如果不是域名是ip地址會提示是否繼續訪問。

通過微信打開的網頁，頭部會帶有分享等功能。分享到朋友圈，發送給特定人后，url變好看了，微信做了處理和提取。

最重要的，圖片和文字是怎么來的？

微信的提取機制

圖片：從body開始找到第一個像素大于300x300，顯示著的圖片。

文字：html中title里內容。

為了讓圖片更符合微信氣息，專門為微信準備一個圖片更好，又不能隱藏，聰明的你早就想到了，把圖片這樣設置：

<img src="wechatIcon.jpg">

開發調試

開發微信網頁可以使用微信web開發者工具來調試，看效果。開發者工具主要繼承了Chrome開發者工具，加微信自有特性。

但微信有個限制：地址要使用域名而不能使用ip。開發者工具不識別ip地址，微信的webView也不識別，只能查看靜態效果。

總結

以上是生活随笔為你收集整理的分分钟制作微信朋友圈页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。