微信開放平臺網頁掃碼登陸，href自定義CSS樣式無效的緣由和解決辦法

微信開放平臺網頁掃碼登陸，把相關JS放去進去後，，發現模式的二維碼寬度是280px的，對我來講太寬了，

 

按照官方的說法，  自定義一個樣式，把網址填入href裏就好了，以下這樣：

         var obj = new WxLogin({
                              id:"login_container", 
                              appid: "wx38a7a7778", 
                              scope: "snsapi_login", 
                              redirect_uri: "",
                              state: "32423efr",
                              style: "",
                              href: "https://www.xxxxx.com/css/weixin.css"
                            });

 

 

  可是，發現死活不生效，百度了好久，部分人說，href地址要是外網地址，，個人也外網啊，一直不生效，鬱悶啊，誤解啊，，

 

  後來發現，瀏覽器的錯誤提示以下：

 

   

  錯誤是：This request has been blocked; the content must be served over HTTPS.

 

  瞬間明白了，，意思是這個鏈接請求被阻斷了，鏈接必須是https的安全鏈接，http不行，呵呵，就是這樣緣由

 

Erdaicms旅遊網站程序官方網站 http://www.erdaicms.com