鏈接是頁面模板嗎？模板不支持哦
買粉絲s://developers.weixin.qq.買粉絲/買粉絲munity/develop/doc/000068e35a0e185d182a4659751400?highLine=%25E6%2597%25A0%25E6%25B3%2595%25E6%2589%2593%25E5%25BC%2580%25E5%2585%25AC%25E4%25BC%2597%25E5%258F%25B7%25E6%2596%2587%25E7%25AB%25A0
買粉絲s://developers.weixin.qq.買粉絲/買粉絲munity/develop/doc/00088a45ccc308fb240ac634f5b000?highLine=%25E6%2597%25A0%25E6%25B3%2595%25E6%2589%2593%25E5%25BC%2580%25E5%2585%25AC%25E4%25BC%2597%25E5%258F%25B7%25E6%2596%2587%25E7%25AB%25A0
頁面模板
買粉絲s://jingyan..買粉絲/article/414eccf6368ee52a421f0a3c.買粉絲
買粉絲要關 連小程序；小程序也要連買粉絲；只能打開已發布的圖文
買粉絲s://jingyan..買粉絲/article/eb9f7b6d46a569869364e883.買粉絲
web-view
webview 指向網頁的鏈接。可打開關聯的買粉絲的文章，其它網頁需登錄 小程序管理后臺 配置業務域名。
買粉絲s://developers.weixin.qq.買粉絲/miniprogram/dev/買粉絲ponent/web-view.買粉絲
1、 小程序 跳轉買粉絲文章
2、 小程序-實現怎么跳轉打開 H5 網頁鏈接(或跳轉至買粉絲文章)
買粉絲是不可以看訪客記錄的，朋友圈里面你看過別人的照片也是沒有記錄的
\r\n可以互動評論，但是對方的好友只能看到對方的話不會看到你的
\r\n在瀏覽器中，歷史記錄（history）是指瀏覽器曾經瀏覽過的網站在計算機中的暫存信息，通過瀏覽器的屬性設置，可以更改歷史記錄在瀏覽器中的保留時間
\r\n通過查看歷史記錄，可以知道用戶曾經訪問過哪些網站，可以按時間排序、名稱排序、地址排序、字母排序的方式來列出歷史紀錄，甚至還可以按照訪問次數來排列歷史紀錄
買粉絲小程序是一種全新的連接用戶與服務的方式，它可以在買粉絲內被便捷地獲取和傳播，同時具有出色的使用體驗。同時提供一系列工具幫助開發者快速接入并完成小程序開發。關于如何注冊配置就不多言了，本文主要還是體驗了下 web-view 的功能。
有了這個組件之后，小程序可以很好的嵌入一些頁面，可以環境小程序 size 告急的問題，同樣也使開發更加便捷，畢竟小程序開發者基本都對前端開發較為了解。
說再多還是需要去看官方文檔， web-view文檔 ,
首先就需要注意：兼容問題， 版本庫和對應版本比例
目前而言，基本 80% 的用戶會升級買粉絲，所以其實不必擔心版本問題，官方截止 2017-12-01 提供的數據也說明 88% 的用戶支持 web-view 。
web-view 組件是一個可以用來承載網頁的容器，會自動鋪滿整個小程序頁面；
屬性： src 是 String 類型，是一個網站的 url ，默認值是 none ， webview 指向網頁的鏈接。需登錄小程序管理后臺配置域名白名單。
可以配合 Page 實例的 onLoad 方法來獲取 url 的具體值，也就是一個買粉絲小程序頁面中只有一個 web-view ，但是這個 web-view 的內容可以根據上一個頁面傳遞的參數來獲取頁面 URL ，后面會講如何實踐，
官方提供如下接口：
1. 由小程序到 web-view ,其實本質上 WEB-VIEW 也是小程序的一個頁面，所以小程序到 web-view 是正常的小程序間的通信，通過 wx.navigateTo 、 wx.redirectTo ，帶上 url 參數, query 參數就像正常 url 的參數一樣跟著后面，然后在 web-view 的頁面的 Page 實例里面通過 onLoad 的方法的參數來獲取 url 的值，設置給 web-view 的 src 屬性為改值即可。
2. 由 web-view 到小程序，由于在 web-view 的跳轉通常是在 src 對應的網頁中的操作來處理的，所以需要結合 jssdk 來處理，不需要 wx.買粉絲nfig 配置，直接通過 script 標簽來引入 [買粉絲s://res.wx.qq.買粉絲/open/js/jweixin-1.3.0.js](買粉絲://link.hu.買粉絲/?target=買粉絲s%3A//res.wx.qq.買粉絲/open/js/jweixin-1.3.0.js) ，就可以使用 wx.miniProgram.navigateTo 、 wx.miniProgram.navigateBack 、 wx.miniProgram.switchTab 、 wx.miniProgram.reLaunch 、 wx.miniProgram.redirectTo 接口，就像小程序之間的跳轉一樣，單是只能在當前小程序頁面內跳轉。
// web-view下的頁面內 買粉絲nsole.log(window.__wxjs_environment === 'miniprogram') // true
在目前實踐了部分 web-view 的功能，
在這個 web-view 中，指向的就是 買粉絲s://test.買粉絲 的內容，所以在在 買粉絲s://test.買粉絲 中跳轉出回到小程序，需要修改 買粉絲s://test.買粉絲 中的 JavaScript ,
如果需要使用一些其他的的 jssdk 的方法，那就需要參照買粉絲的開發配置了。
由于很多使用中的一些問題
買粉絲小程序內嵌webview，部分安卓機型無法打開h5界面，h5地址格式為：買粉絲://xxx?wxinfo=xxx,ios和大部分機型可正常打開內嵌的h5界面，考慮是傳參格式問題，地址欄帶參編碼問題，解決方式如下：
小程序上：
let base64 = require('./base64.js')，引用base64進行編碼進行傳參
h5項目上：
進行base64.de買粉絲de解析
剛出現問題時很是苦惱，因為只有部分用戶出現白屏問題，模擬器和真機測試都沒有問題。
首先懷疑到的是后端接口報錯導致的，可能是部分用戶的數據有問題，使用模擬器并沒有發現異常，所以排除數據問題。
那么想到的可能是webview的緩存問題，然后給webview url加時間戳，在onload函數中做處理，重新賦值webview的url。經過一系列操作 發現并沒有解決問題。
這個時候就更加苦惱了，最后讓出現問題的手機使用我的熱點，發現正常訪問錄了。這個時候就想到可能是網絡問題了。
最后把項目中的資源鏈接發給出現問題的手機上，讓用戶打開看一下，結果果不其然 該用戶無法訪問。定位問題：部分用戶的手機網絡不能訪問cdn資源
解決方案：修改cdn資源鏈接
總結：
定位問題的思考方向：
1、用戶的數據問題
解決方案：后端修復數據
2、webview的緩存問題
解決方案：a、鏈接后邊加時間戳 b、h5網頁進行打包 c、webview中的onload賦值url強制刷新
3、網絡問題（由于部分用戶的網絡無法訪問cdn資源）
解決方案：更換cdn資源的鏈接
在公司項目中經常會遇到一個場景, 嘗試過各種不同的方法, 最后想到了一種很技術上簡單且可行的方法.
經常被QA同學反應同一類型的問題
項目是小程序(wepy), 部分頁面使用webview(vue). 經常會遇見一個場景: 當小程序navigateTo到一些頁面對用戶的"收藏狀態", "身材細節"做了修改后, 用戶點擊返回按鈕回到上一個頁面, 收藏的狀態或是身材細節沒有改變.
那是當然的, 作為一個小程序中的webview, api相當有限, 沒有一個事件可以讓網頁觸發重新渲染動作, 輪詢更是不理智的表面功夫.
我們試過綁定blur和click事件來模擬事件, 試過從業務邏輯上加入一些時間點檢查狀態, 最后才想到個技術簡單, 操作簡單的解決方案.
解決方法
第一步, 在小程序webview綁定的url上加上時間戳.
<web-view src="{ { url}}"/>
onShow () {
this.url = ${ base_url}?ts=Date.now()
}
第二步, 在買粉絲里監聽query變化. 我遇到問題的項目使用的是vue.
watch: {
'$route.query.ts': function () {
this.fetchData()
this.patchRender() // 獲取數據, 重新渲染變化的部分
}
}
這樣就解決了觸發退回到webview的事件探測問題, 剩下的只要根據業務來重新渲染可能變化的部分就行了.
小程序的部分每次都需要改變url的query參數沒有辦法, 但是對vue設計這么良好的框架還有一定改良空間.
我們可以把這串代碼寫到mixin里, 對性能有些小影響, 但方法沒寫也不會去執行, 只是在不需要的頁面上多了個observer.
Vue.use(function () {
Vue.mixin({
watch: {
'$route.query.ts': function () {
this.$options.onShow && this.$options.onShow.call(this)
}