HTML靜態(tài)頁面獲取url參數(shù)和UserAgent的實現(xiàn)

前言
接技術支持小伙伴信:有用戶反饋app在華為設備上下載不了,以為是服務器覆蓋的范圍不夠或服務器掛了,直到另一個客服同事發(fā)來一個錄屏,基本知道原因,從而說明了反饋問題時,描述和材料對問題的分析與解決影響是巨大的。
原因
由于設備瀏覽器的useragent是電腦因此,下載頁面就是電腦的頁面,能下載的是電腦的安裝文件。但在微信中卻是能夠正常顯示的,但微信中“無法下載”,因此引導打開了瀏覽器,這樣就是用戶出現(xiàn)的“下載問題”
解決
在這個靜態(tài)的下載頁面url上帶個參數(shù),從微信引導瀏覽器打開時候,根據(jù)這個參數(shù)來展現(xiàn)界面,不已useragent為依據(jù)即可避免這個事情。
1、靜態(tài)頁面獲取url的參數(shù)
有如下幾種方法
function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null; } function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; }
親測上面兩個函數(shù),皆可。
2、取useragent的值
直接使用:navigator.userAgent
document.getElementById(“userAgentDiv”).innerHTML = navigator.userAgent;
3、測試頁面
完整的html測試頁面代碼如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>參數(shù)與Ua測試(runoob.com)</title> </head> <body> <script> function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null; } function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } function showUserAgent() { document.getElementById("userAgentDiv").innerHTML = navigator.userAgent; } document.write("param of os<br>"); document.write("1 GetQueryString:"); document.write(GetQueryString("os")); document.write("<br> 2 getURLParameter: "); document.write(getURLParameter("os")); document.write("<h1>ua:"); document.write(navigator.userAgent); document.write("</h1>"); </script> </body> </html>
當訪問file:///C:/Users/R/Desktop/param.html時結果為:
當訪問file:///C:/Users/R/Desktop/param.html?os=Android 時結果為:
這兩個問題解決了,那個頁面展現(xiàn)問題也隨著解決了。當然商店是需要上架的,但市場上大部分平板以及一些定制機,這個ua一般是電腦,所以這個可以極大的覆蓋所有“頁面”導致的下載問題了。
到此這篇關于HTML靜態(tài)頁面獲取url參數(shù)和UserAgent的實現(xiàn)的文章就介紹到這了,更多相關HTML獲取url參數(shù)和UserAgent內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持腳本之家!
相關文章
html實現(xiàn)a元素href的URL鏈接自動刷新或新窗口打開功能
這篇文章主要介紹了html實現(xiàn)a元素href的URL鏈接自動刷新或新窗口打開,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-31html中的絕對路徑URL和相對路徑URL及子目錄、父目錄、根目錄
絕對URL用于表示Internet中特定文件所需要的全部內(nèi)容,相對URL只適合同名網(wǎng)頁鏈接下的其他目錄,下面為舉例為大家介紹下子目錄、父目錄、根目錄如何理解,對此有疑惑的朋友2014-08-01- 在HTML中獲取正確的URL屬性值.2009-07-30
- 這些所介紹的HTML標記不一定完全符合XHTML規(guī)范。各位在實際布局時應有所取舍,如:B標記,F(xiàn)ONT標記,都是不符合XHTML規(guī)范的。 相關文章:初學者接觸HTML了2009-04-02
- 相關文章:初學者接觸HTML了解一些HTML標記(5) 這些所介紹的HTML標記不一定完全符合XHTML規(guī)范。各位在實際布局時應有所取舍,如:B標記,F(xiàn)ONT標記,都是不符合XHTM2008-10-17