資訊專欄INFORMATION COLUMN
摘要：最近正在開發(fā)一個微信公眾賬號，其中有一項功能是用戶發(fā)送文字消息給公眾號，然后公眾號返回圖文消息給用戶，用戶再點擊圖文消息即可跳轉到一個網頁鏈接，在微信的內置瀏覽器中打開。
最近正在開發(fā)一個微信公眾賬號，其中有一項功能是用戶發(fā)送文字消息給公眾號，然后公眾號返回圖文消息給用戶，用戶再點擊圖文消息即可跳轉到一個網頁鏈接，在微信的內置瀏覽器中打開。那么問題就來了，這個網頁首先涉及到了移動web前端開發(fā)，我優(yōu)先選擇了用HTML5+bootstrap組合來實現(xiàn)頁面的美觀效果，前端其他的任務交給javascript解決（這里我是完全使用原生javascript代碼，沒有用到任何的框架，因為考慮到手機加載網頁的速度本來就慢，而且框架中很多用不到的功能也會隨網頁一起加載，耗費用戶流量）。
一切功能都就緒以后，客戶試用也覺得很滿意，之后我就把代碼提交到了正式的服務器上。不過，對方又突然提到了一點：你做的頁面確實挺漂亮的，兼容性也不錯，但是這個頁面用電腦上的瀏覽器也是可以訪問的，那么其他人就可以很隨便地查看頁面的源代碼，進而copy整個頁面，能不能有什么方法防止這一點？那么問題就又來了，我是第一次做微信二次開發(fā)，還沒遇到過這樣的需求，怎么搞定呢？
一時間想不出來，后來我就把這個問題先放了放，去做后臺的一些業(yè)務。在做后臺的一個數(shù)據(jù)采集功能時，PHP代碼當中用到了$_SERVER["HTTP_USER_AGENT"]這個參數(shù)，我突然想到瀏覽器訪問網頁時都會發(fā)送一個UserAgent給服務器，它里面包含了一些瀏覽器及用戶操作系統(tǒng)的基本信息，既然微信有內置瀏覽器，那么用微信瀏覽網頁時這個UserAgent里面會不會帶上和微信相關的獨有的標識呢（畢竟騰訊這么大個公司，而微信又是他們的核心產品之一）？干脆用代碼打印一下它的UserAgent來一探究竟，javascript代碼如下：
在我的手機上得到了如圖所示的結果：
這一下果然還真的看到了不一樣的地方，相信聰明的朋友也已經發(fā)現(xiàn)了，沒錯，就是這個東西：MicroMessenger/6.0.0.50_r844973.501，斜杠后面的這一串就是我當前使用的微信的版本號，前面則應該是微信的一個獨有標識了。其實我一開始看成了MicroMessage，想著中文翻譯過來是“微消息”的意思，但仔細一看發(fā)現(xiàn)不是的，后面查了詞典才知道Messenger這個詞有“報信者，送信者”的意思，也就不覺得奇怪了。這個標識應該來說是其他瀏覽器不會有的，那么解決方案就來了，請看代碼：
這段代碼在Android、iPhone、iPad、PC上都進行了測試，只要不是在微信內部打開網頁的，首先就會彈出上面那個警告框，此時后面的頁面是空白的，什么都還沒加載，當點擊警告框的確定按鈕之后，最后三行代碼將強行關閉當前頁面。OK，到這里算是實現(xiàn)了用戶原本的意思了，可以簡單收工了。
等等，真的可以這樣收工了么？你確定不會有其他問題？當然不是，其實這個方法并不會讓你高枕無憂，因為對于偽造的UserAgent，還是可以繞過這條限制的，總的來說就是防君子不防小人了，大家懂得。當然，如果哪位朋友有解決這個問題的更好方法，還麻煩在下面評論告知，技術在于相互的分享和交流嘛，呵呵。
感謝您閱讀這篇文章，希望它對您已經有了幫助！若文中有任何錯誤，煩勞您指正，謝謝！
★ 轉載請注明本文原地址
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/85361.html
摘要：我個人比較推薦的方法是或者安卓手機的這種方式，比較簡單方便快捷，然后根據(jù)具體的環(huán)境再選擇更為合適的調試方法。 本文首次發(fā)表于本人的個人博客：http://cherryblog.site/ ，歡迎大家到我的博客查看更多文章~ 前言 在開發(fā)中前端免不了要進行移動端的開發(fā)，然而在電腦上看的樣式和手機上還是有一定的差距的，因為手機上有頂部的狀態(tài)欄和底部的菜單欄，特別是在qq內置瀏覽器中打開，差...
摘要：傳統(tǒng)的網頁編程采用的三劍客來實現(xiàn)，在微信小程序中同樣有三劍客。觀察者模式不難實現(xiàn)，重點是如何在微信小程序中搭配其特有的生命周期來使用。交互事件傳統(tǒng)的事件傳遞類型有冒泡型與捕獲型，微信小程序中自然也有。 本文由作者鄒永勝授權網易云社區(qū)發(fā)布。 簡介為了更好的展示我們即時通訊SDK強悍的能力，網易云信IM SDK微信小程序DEMO的開發(fā)就提上了日程。用產品的話說就是: 云信 IM 小程序 S...
摘要：移動端活動頁面常常需要能夠分享到各種社交中，常用的有微信等。微信二維碼問題同一個頁面里要是有兩個二維碼，長按掃描總是只能掃出左側第一個二維碼。 首發(fā)于簡書博客：http://www.jianshu.com/p/e958... 2017-11-25 更新：5. 使用 Gulp 拼合圖片 1. 單個頁面內容不能過多 設計常用尺寸：750 x 1334 / 640 x 1134，包含了手機頂...
摘要：移動端活動頁面常常需要能夠分享到各種社交中，常用的有微信等。微信二維碼問題同一個頁面里要是有兩個二維碼，長按掃描總是只能掃出左側第一個二維碼。 首發(fā)于簡書博客：http://www.jianshu.com/p/e958... 2017-11-25 更新：5. 使用 Gulp 拼合圖片 1. 單個頁面內容不能過多 設計常用尺寸：750 x 1334 / 640 x 1134，包含了手機頂...
閱讀 3462·2021-11-22 12:00
閱讀 681·2019-08-29 13:24
閱讀 2913·2019-08-29 11:31
閱讀 2602·2019-08-26 14:00
閱讀 3205·2019-08-26 11:42
閱讀 2483·2019-08-23 18:31
閱讀 808·2019-08-23 18:27
閱讀 2856·2019-08-23 16:58
