總結微信公眾平臺網頁開發中遇到的ios的兼容問題

番茄西紅柿發布于2019-04-23 11:45 / 3718人閱讀

摘要：解決方案使用微信的。先引入微信的，然后在中調用方法播放。配置信息即使不正確也能使用微信升級到版本以后，填寫表單信息彈出鍵盤會把頁面頂上去，鍵盤消失的時候頁面不自動下來解決方案使用方法在表單失去焦點的時候讓頁面滾動到最頂部。

1. ios中音頻不自動播放；

原因：出于節省流量的初衷，ios系統禁止音視頻自動播放。

解決方案：使用微信的JS-SDK。

DEMO：

先引入微信的JS-SDK，

然后在wx.ready中調用play方法播放。

 1 var audio = document.getElementById(bgmusic);
 2     autoPlayAudio();
 3     function autoPlayAudio() {
 4         wx.config({
 5             // 配置信息, 即使不正確也能使用 wx.ready
 6             debug: false,
 7             appId: ,
 8             timestamp: 1,
 9             nonceStr: ,
10             signature: ,
11             jsApiList: []
12         });
13         wx.ready(function() {
14             audio.play();
15         });
16     }

2. 微信升級到7.0版本以后，填寫表單信息彈出鍵盤會把頁面頂上去，鍵盤消失的時候頁面不自動下來；

解決方案：使用onblur方法在表單失去焦點的時候讓頁面滾動到最頂部。

DEMO：

1 
2             for="idNumber">身份證號onblur="window.scrollTo(0, 0);" id="idNumber">
3

3. 去除移動端點擊時的背景；

1 *{
2     -webkit-tap-highlight-color: rgba(0,0,0,0);
3     -webkit-tap-highlight-color:transparent;
4 }

4. 去掉input框的默認樣式；

1 input {
2     background-color: transparent;/*背景變透明*/
3     filter: alpha(opacity=0); /*androd*/
4     appearance: none;  /*去除系統默認appearance的樣式,常用于IOS下移除原生樣式(下拉框去掉右側圖標等)*/
5     -moz-appearance: none;
6     -webkit-appearance: none;
7 }

GPU云服務器云服務器關于微信公眾號的問題微信公眾平臺開發布局遇到的問題微信公眾平臺開發者

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1120.html

記錄一次開發微信網頁分享

摘要：需求最近在做一個項目需求，分享領好書活動，獲取用戶的個人信息以及，并誘導用戶分享給好友或朋友圈，達到裂變拉新的目的。需求最近在做一個項目需求，分享領好書活動，獲取用戶的個人信息以及unionID，并誘導用戶分享給好友或朋友圈，達到裂變拉新的目的。在做的過程中遇到了一些坑的地方，所以回過來總結一下技術方案使用微信JS-SDK自定義分享到好友和分享到朋友圈實現步驟 1、要實現微信...

宋華 2019-08-23 17:19 評論0 收藏0
網頁程序遷移至微信小程序web-view詳解

摘要：網頁引入網頁發起支付由后臺返回，主要是需要統一下單平臺的微信支付頁面支付參數錯誤，請稍后重試支付成功支付失敗支付錯誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數，那我們就需要處理一下了。小程序現在越來越流行，但是公司的很多項目都是用網頁寫的，小程序語法不兼容原生網頁，使得舊有項目遷移至小程序代價很高；小程序之前開放了webview功能，可以說是網頁應用的一大福音了，但...

junbaor 2019-08-23 10:28 評論0 收藏0
網頁程序遷移至微信小程序web-view詳解

摘要：網頁引入網頁發起支付由后臺返回，主要是需要統一下單平臺的微信支付頁面支付參數錯誤，請稍后重試支付成功支付失敗支付錯誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數，那我們就需要處理一下了。小程序現在越來越流行，但是公司的很多項目都是用網頁寫的，小程序語法不兼容原生網頁，使得舊有項目遷移至小程序代價很高；小程序之前開放了webview功能，可以說是網頁應用的一大福音了，但...

AlphaGooo 2019-08-02 11:04 評論0 收藏0
Python爬蟲學習路線

摘要：以下這些項目，你拿來學習學習練練手。當你每個步驟都能做到很優秀的時候，你應該考慮如何組合這四個步驟，使你的爬蟲達到效率最高，也就是所謂的爬蟲策略問題，爬蟲策略學習不是一朝一夕的事情，建議多看看一些比較優秀的爬蟲的設計方案，比如說。（一）如何學習Python 學習Python大致可以分為以下幾個階段： 1.剛上手的時候肯定是先過一遍Python最基本的知識，比如說：變量、數據結構、語法...

liaoyg8023 2019-07-31 10:27 評論0 收藏0