浏览器。浏览器对象检测、Chrome调试工具

时间：2022-01-04 20:58:55

chrome浏览器的flash问题：　　2017-12-26　　chrome浏览器的flash有无法显示无法正常运行的问题时，解决方法如下：

https://qzonestyle.gtimg.cn/qzone/photo/v7/js/module/flashDetector/flash_tutorial.pdf　　flash开启指引

chrome://settings/content/flash　　flash设置

浏览器对象检测

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="pragma" content="no-cache">

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script type="text/javascript">

//javascript获取浏览器内核、版本函数

Browser = {

    version: "",//版本

    core: "",//内核

    userAgent: "",//userAgent

    init: function() {//初始化(遍历img,取出图片url,发ajax请求)

        var ua = navigator.userAgent.toLowerCase();

        var s;

        var name ='';

        var ver = 0;

        Browser.userAgent=ua;

        //探测浏览器

        (s = ua.match(/msie ([\d.]+)/)) ? Browser._set("ie", Browser._setVersion(s[1])):

        (s = ua.match(/firefox\/([\d.]+)/)) ? Browser._set("firefox", Browser._setVersion(s[1])) :

        (s = ua.match(/chrome\/([\d.]+)/)) ? Browser._set("chrome", Browser._setVersion(s[1])) :

        (s = ua.match(/opera.([\d.]+)/)) ? Browser._set("opera", Browser._setVersion(s[1])) :

        (s = ua.match(/version\/([\d.]+).*safari/)) ? Browser._set("safari", Browser._setVersion(s[1])) : 0;

    },

    _setVersion: function(ver,floatLength) {

        ver = ('' + ver).replace(/_/g, '.');

        floatLength = floatLength || 1;

        ver = String(ver).split('.');

        ver = ver[0] + '.' + (ver[1] || '0');

        ver = Number(ver).toFixed(floatLength);

        return ver;

    },

    _set: function(bname,bver) {

        Browser.core=bname;

        Browser.version=bver;

    }

};

</script>

</head>

<body>

<h1>检测浏览器版本</h1>

<div style="display:inline-block;border:1px solid #f90;background:#ffc;padding:10px 20px;">

<script type="text/javascript">

Browser.init();

document.write("<br><b>内核</b>    "+Browser.core);//浏览器内核。

document.write("<br><b>版本</b>    "+Browser.version);//浏览器版本。

document.write("<br><b>userAgent</b>    "+Browser.userAgent);//浏览器信息。

</script>

</div>

<style type="text/css">

body,div,p{font-size:14px;}

.red{color:red;}

b{font-style:bold;font-size:18px;color:#00f;margin-right:30px;}

h1{background:#adf;border:1px solid #09f;padding-left:20px;}

</style>

<h1>Screen 对象属性</h1>

<script type="text/javascript">

document.write("<p><b>availWidth</b>    返回显示屏幕的宽度 (除 Windows 任务栏之外):  <span class='red'>" + screen.availWidth + " </span></p>");

document.write("<p><b>availHeight</b>    返回显示屏幕的高度 (除 Windows 任务栏之外):  <span class='red'>" + screen.availHeight + " </span></p>");

document.write("<p><b>bufferDepth</b>    设置或返回调色板的比特深度:  <span class='red'>" + screen.bufferDepth + " </span></p>");

document.write("<p><b>colorDepth</b>    返回目标设备或缓冲器上的调色板的比特深度:  <span class='red'>" + screen.colorDepth + " </span></p>");

document.write("<p><b>deviceXDPI</b>    返回显示屏幕的每英寸水平点数:  <span class='red'>" + screen.deviceXDPI + " </span></p>");

document.write("<p><b>deviceYDPI</b>    返回显示屏幕的每英寸垂直点数:  <span class='red'>" + screen.deviceYDPI + " </span></p>");

document.write("<p><b>fontSmoothingEnabled</b>    返回用户是否在显示控制面板中启用了字体平滑:  <span class='red'>" + screen.fontSmoothingEnabled + " </span></p>");

document.write("<p><b>height</b>    返回显示屏幕的高度:  <span class='red'>" + screen.height + " </span></p>");

document.write("<p><b>logicalXDPI</b>    返回显示屏幕每英寸的水平方向的常规点数:  <span class='red'>" + screen.logicalXDPI + " </span></p>");

document.write("<p><b>logicalYDPI</b>    返回显示屏幕每英寸的垂直方向的常规点数:  <span class='red'>" + screen.logicalYDPI + " </span></p>");

document.write("<p><b>pixelDepth</b>    返回显示屏幕的颜色分辨率（比特每像素）:  <span class='red'>" + screen.pixelDepth + " </span></p>");

document.write("<p><b>updateInterval</b>    设置或返回屏幕的刷新率:  <span class='red'>" + screen.updateInterval + " </span></p>");

document.write("<p><b>width</b>    返回显示器屏幕的宽度:  <span class='red'>" + screen.width + " </span></p>");

</script>

<h1>Navigator 对象属性</h1>

<script type="text/javascript">

document.write("<p><b>appCodeName</b>    返回浏览器的代码名:  <span class='red'>" + navigator.appCodeName + " </span></p>");

document.write("<p><b>appMinorVersion</b>    返回浏览器的次级版本:  <span class='red'>" + navigator.appMinorVersion + " </span></p>");

document.write("<p><b>appName</b>    返回浏览器的名称:  <span class='red'>" + navigator.appName + " </span></p>");

document.write("<p><b>appVersion</b>    返回浏览器的平台和版本信息:  <span class='red'>" + navigator.appVersion + " </span></p>");

document.write("<p><b>browserLanguage</b>    返回当前浏览器的语言:  <span class='red'>" + navigator.browserLanguage + " </span></p>");

document.write("<p><b>cookieEnabled</b>    返回指明浏览器中是否启用 cookie 的布尔值:  <span class='red'>" + navigator.cookieEnabled + " </span></p>");

document.write("<p><b>cpuClass</b>    返回浏览器系统的 CPU 等级:  <span class='red'>" + navigator.cpuClass + " </span></p>");

document.write("<p><b>onLine</b>    返回指明系统是否处于脱机模式的布尔值:  <span class='red'>" + navigator.onLine + " </span></p>");

document.write("<p><b>platform</b>    返回运行浏览器的操作系统平台:  <span class='red'>" + navigator.platform + " </span></p>");

document.write("<p><b>systemLanguage</b>    返回 OS 使用的默认语言:  <span class='red'>" + navigator.systemLanguage + " </span></p>");

document.write("<p><b>userAgent</b>    返回由客户机发送服务器的 user-agent 头部的值:  <span class='red'>" + navigator.userAgent + " </span></p>");

document.write("<p><b>userLanguage</b>    返回 OS 的自然语言设置:  <span class='red'>" + navigator.userLanguage + " </span></p>");

</script>

<h1>location 对象属性</h1>

<script type="text/javascript">

document.write("<p><b>hash</b>    设置或返回从井号 (#) 开始的 URL（锚）:  <span class='red'>" + location.hash + " </span></p>");

document.write("<p><b>host</b>    设置或返回主机名和当前 URL 的端口号:  <span class='red'>" + location.host + " </span></p>");

document.write("<p><b>hostname</b>    设置或返回当前 URL 的主机名:  <span class='red'>" + location.hostname + " </span></p>");

document.write("<p><b>href</b>    设置或返回完整的 URL:  <span class='red'>" + location.href + " </span></p>");

document.write("<p><b>pathname</b>    设置或返回当前 URL 的路径部分:  <span class='red'>" + location.pathname + " </span></p>");

document.write("<p><b>port</b>    设置或返回当前 URL 的端口号:  <span class='red'>" + location.port + " </span></p>");

document.write("<p><b>protocol</b>    设置或返回当前 URL 的协议:  <span class='red'>" + location.protocol + " </span></p>");

document.write("<p><b>search</b>    设置或返回从问号 (?) 开始的 URL（查询部分）:  <span class='red'>" + location.search + " </span></p>");

//document.write("<p><b>mmmmmmmmmm</b>    mmmmmmmmm:  <span class='red'>" + location.mmmmmmmm + " </span></p>");

</script>

</body>

</html>

Chrome 前端调试工具：

Elements　　元素

Console　　慰问

Sources　　来源

找到js文件，打上断点后F5刷新页面。F8是断点，F10是跳到下一步。

Network　　网络

Network——>Disable cache 禁用缓存

Performance　　性能

Memory　　记忆

Application　　应用

Security　　安全

Audits　　审核

浏览器。浏览器对象检测、Chrome调试工具的更多相关文章

  1. javascript跨浏览器事件对象类库

    一.前言 学习了javascript事件后,个人总结归纳了跨浏览器事件对象类库,方便以后使用,现分享给大家. 二.事件对象封装 将对浏览器事件对象的操作封装成eventObject.js方便调用 // ...

  2. 各种浏览器的Hack写法&lpar;chrome firefox ie等&rpar;

    Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack. 然后将Hac ...

  3. JS之路——浏览器window对象

    window对象的方法 window.alert(msg) window.close() window.print() var a = window.setIntval(function,毫秒) // ...

  4. Android 浏览器内 H5 电脑 Chrome 调试

    Android 浏览器内 H5 调试 chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试) adb 相关资源 adb shell(ADB Kits)下载 ...

  5. 建站手册-浏览器信息：Google Chrome 浏览器

    ylbtech-建站手册-浏览器信息:Google Chrome 浏览器 1.返回顶部 1. http://www.w3school.com.cn/browsers/browsers_chrome.a ...

  6. 软件-浏览器-GoogleChrome：Google Chrome

    ylbtech-软件-浏览器-GoogleChrome:Google Chrome Google Chrome是一款由Google公司开发的网页浏览器,该浏览器基于其他开源软件撰写,包括WebKit, ...

  7. chrome调试工具高级不完整使用指南（基础篇）

    一.前言 本文记录的是作者在工作上面对chrome的一些使用和情况的分析分享,内容仅代表个人的观点.转发请注明出处(http://www.cnblogs.com/st-leslie/),谢谢合作 二. ...

  8. Chrome调试工具简单介绍

    作为前端开发者都知道,快捷键F12可以打开chrome调试工具.firefox可以打开firebug工具.“工欲善其事,必先利其器”,对调试工具的掌握,能大大提高我们调试代码的效率.因为我平常chro ...

  9. 不常见但很有用的chrome调试工具使用方法

    前面的话   对于chrome调试工具,常用的是elements标签.console标签.sources标签和network标签.但实际上,还有一些不太常见但相当实用的方法可以提高网页调试效率.本文将 ...

随机推荐

  1. ZZUOJ 1199 大小关系&lpar;拓扑排序，两种方法&lowbar;判断入度和dfs回路判断&rpar;

    /* 这道题如果按照度为0的节点来判断的时候,将度为0的节点和其相连的节点(度数并减去1) 从图中去掉,如果度为0的节点的个数为0个但是图中的节点没有都去掉的 时候那么说明 出现了回路!用这种方法必须 ...

  2. Servlet作业--实现注册和登录

    1.注册页面  zhuce.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" &quot ...

  3. C&plus;&plus;&commat;命名空间&lpar;转&rpar;

    转自http://hi.baidu.com/rainysky_2006/blog/item/a490e01fc3de7964f724e4d1.html 本讲基本要求 * 掌握:命名空间的作用及定义:如 ...

  4. Linux 下的五种 IO 模型

    概念说明 用户空间与内核空间 现在操作系统都是采用虚拟存储器,那么对32位操作系统而言,它的寻址空间(虚拟存储空间)为4G(2的32次方).操作系统的核心是内核,独立于普通的应用程序,可以访问受保护的 ...

  5. 物联网操作系统 - Zephyr

    What is Zephyr? Zephyr Project is a small, scalable real-time operating system for use on resource-c ...

  6. 基于 SSH 的工具叫 sshfs&period; sshfs 可以让你在本地直接挂载远程主机的文件系统

    另外一个很赞的基于 SSH 的工具叫 sshfs. sshfs 可以让你在本地直接挂载远程主机的文件系统. $ sshfs -o idmap=user user@hostname:/home/user ...

  7. 1492&colon; &lbrack;NOI2007&rsqb;货币兑换Cash

    Description 小Y最近在一家金券交易所工作.该金券交易所只发行交易两种金券:A纪念券(以下简称A券)和 B纪念券(以下 简称B券).每个持有金券的顾客都有一个自己的帐户.金券的数目可以是一个 ...

  8. Python Day 2

    阅读目录: 内容回顾   编程语言介绍 python语言介绍  安装官方cpython解释器 --版本共存  运行python代码   --交互式:实时交互   --脚本式:运行py文件的三步骤 变量 ...

  9. Ubuntu中保存iptables防火墙规则

    Ubuntu中保存iptables防火墙规则的例子 打开防火墙 ufw disableufw statusufw enable ufw allow 22/tcp ufw reload iptables ...

  10. 以太坊 web3&period;js 文档翻译及说明

    这些天,为了录制以太坊DAPP开发实战课程,我准备把web3文档全部翻译一下(并做适当的补充),目前web3.js 0.20.x 版本 已经翻译完成,欢迎大家前往查阅. 这里还几个实用DEMO,供大家 ...

相关文章