源码论坛公告:本站是一个交流学习建站资源的社区论坛,旨在交流学习源码脚本等资源技术,欢迎大家投稿发言! 【点击此处将锦尚放在桌面

源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

 找回密码
 会员注册

QQ登录

只需一步,快速开始

查看: 5920|回复: 0

[CSS/Html] HTML静态页面获取url参数和UserAgent的实现

[复制链接]

1175

主题

1564

帖子

9020

金币

超级版主

Rank: 8Rank: 8

积分
19728
发表于 2022-12-29 13:23:12 | 显示全部楼层 |阅读模式
本文主要介绍了HTML静态页面获取url参数和UserAgent的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

接技术支持小伙伴信:有用户反馈app在华为设备上下载不了,以为是服务器覆盖的范围不够或服务器挂了,直到另一个客服同事发来一个录屏,基本知道原因,从而说明了反馈问题时,描述和材料对问题的分析与解决影响是巨大的。

原因

由于设备浏览器的useragent是电脑因此,下载页面就是电脑的页面,能下载的是电脑的安装文件。但在微信中却是能够正常显示的,但微信中“无法下载”,因此引导打开了浏览器,这样就是用户出现的“下载问题”

解决

在这个静态的下载页面url上带个参数,从微信引导浏览器打开时候,根据这个参数来展现界面,不已useragent为依据即可避免这个事情。

1、静态页面获取url的参数

有如下几种方法

  1. function getURLParameter(name) {
  2.         return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
  3. }
  4. function GetQueryString(name) {
  5.    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  6.    var r = window.location.search.substr(1).match(reg);
  7.    if (r!=null) return unescape(r[2]); return null;
  8. }
复制代码


亲测上面两个函数,皆可。

2、取useragent的值

直接使用:navigator.userAgent
  1. document.getElementById(“userAgentDiv”).innerHTML = navigator.userAgent;
复制代码

3、测试页面

完整的html测试页面代码如下

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>参数与Ua测试(runoob.com)</title>
  6. </head>
  7. <body>
  8. <script>
  9. function getURLParameter(name) {
  10.         return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
  11. }
  12. function GetQueryString(name) {
  13.    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
  14.    var r = window.location.search.substr(1).match(reg);
  15.    if (r!=null) return unescape(r[2]); return null;
  16. }
  17. function showUserAgent() {
  18.    document.getElementById("userAgentDiv").innerHTML = navigator.userAgent;
  19. }
  20. document.write("param of os<br>");
  21. document.write("1 GetQueryString:");
  22. document.write(GetQueryString("os"));
  23. document.write("<br> 2 getURLParameter: ");
  24. document.write(getURLParameter("os"));

  25. document.write("<h1>ua:");
  26. document.write(navigator.userAgent);
  27. document.write("</h1>");
  28. </script>
  29. </body>
  30. </html>
复制代码

当访问file:///C:/Users/R/Desktop/param.html时结果为:



当访问file:///C:/Users/R/Desktop/param.html?os=Android 时结果为:



这两个问题解决了,那个页面展现问题也随着解决了。当然商店是需要上架的,但市场上大部分平板以及一些定制机,这个ua一般是电脑,所以这个可以极大的覆盖所有“页面”导致的下载问题了。

到此这篇关于HTML静态页面获取url参数和UserAgent的实现的文章就介绍到这了,更多相关HTML获取url参数和UserAgent内容请搜索锦尚中国以前的文章或继续浏览下面的相关文章,希望大家以后多多支持锦尚中国!
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2024-10-13 11:37 , Processed in 0.165013 second(s), 25 queries .

带宽由 锦尚数据 提供 专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁 法律顾问:IT法律网 & 褚福省律师 锦尚爱心 版权申诉 版权与免责声明