關於ios 微信內調用jssdk以及base64以及下拉顯示網頁由微信提供的解決方案(h5頁微信內踩坑記)

jssdk獲取收受權失敗
    兩大緣由
        1.微信服務號或者訂閱號***JS接口安全域名***配置(前端項目的服務器地址域名)用來獲取相機wx.chooseImage權限
        2.(spa)由於ios微信版本問題致使頁面跳轉url未變化,致使驗籤失敗 berforeRouteEnter進行攔截直接拉取一個新頁面不用路由導航或者直接寫location.href
ios沒法預覽base圖片
ios從微信上傳的圖片返回的base64是沒有base64文件格式的前綴的,ios能夠顯示可是anroid必須是嚴格的base64格式,要作個兼容
不顯示微信下拉「網頁由QQ瀏覽提供技術支持」
   **思路
    1.禁掉webview的touch事件同時開啓滑動優化
    2.在某個容器內容許touch事件
    this.$nextTick(() => {
          this.overscroll(document.querySelector('.custom-create-poster'));
          document.body.addEventListener('touchmove' , (evt) => {
            // console.log('11111====>', evt._isScroller);
            if (!evt._isScroller) {
              evt.preventDefault();
            }
          }, {passive: false});
        });
     overscroll(el) {
          el.addEventListener('touchstart', () => {
            console.log('aaaa==================>');
            const top = el.scrollTop;
            const totalScroll = el.scrollHeight;
            const currentScroll = top + el.offsetHeight;
            if (top === 0) {
              el.scrollTop = 1;
            } else if (currentScroll === totalScroll) {
              el.scrollTop = top - 1;
            }
          });
          el.addEventListener('touchmove', (evt) => {
            if (el.offsetHeight < el.scrollHeight) {
              evt._isScroller = true;
            }
            // console.log('ccccccc');
            //   evt._isScroller = true;
            //   console.log('aaaaa======>');
          });
        },

###前端

ios長按二維碼沒法識別彈出發送給朋友選項
    也是vue-router的history模式致使,直接loaction.href過去

###vue

百度統計埋點埋不上,meta標籤設置了reffer致使的,直接註釋掉就Ok了

###ios

ios 10.3版本一下不支持base64

###web

線上微信安全域名配置後須要把微信文檔上的 .text文件上傳到服務器,這樣才能生效~~~~
相關文章
相關標籤/搜索