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