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

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调试工具的更多相关文章

javascript跨浏览器事件对象类库
一.前言学习了javascript事件后,个人总结归纳了跨浏览器事件对象类库,方便以后使用,现分享给大家. 二.事件对象封装将对浏览器事件对象的操作封装成eventObject.js方便调用 // ...
各种浏览器的Hack写法(chrome firefox ie等)
Hack是针对不同的浏览器去写不同的CSS样式,从而让各浏览器能达到一致的渲染效果,那么针对不同的浏览器写不同的CSS CODE的过程,就叫CSS HACK,同时也叫写CSS Hack. 然后将Hac ...
JS之路——浏览器window对象
window对象的方法 window.alert(msg) window.close() window.print() var a = window.setIntval(function,毫秒) // ...
Android 浏览器内 H5 电脑 Chrome 调试
Android 浏览器内 H5 调试 chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试) adb 相关资源 adb shell(ADB Kits)下载 ...
建站手册-浏览器信息：Google Chrome 浏览器
ylbtech-建站手册-浏览器信息:Google Chrome 浏览器 1.返回顶部 1. http://www.w3school.com.cn/browsers/browsers_chrome.a ...
软件-浏览器-GoogleChrome：Google Chrome
ylbtech-软件-浏览器-GoogleChrome:Google Chrome Google Chrome是一款由Google公司开发的网页浏览器,该浏览器基于其他开源软件撰写,包括WebKit, ...
chrome调试工具高级不完整使用指南（基础篇）
一.前言本文记录的是作者在工作上面对chrome的一些使用和情况的分析分享,内容仅代表个人的观点.转发请注明出处(http://www.cnblogs.com/st-leslie/),谢谢合作二. ...
Chrome调试工具简单介绍
作为前端开发者都知道,快捷键F12可以打开chrome调试工具.firefox可以打开firebug工具.“工欲善其事,必先利其器”,对调试工具的掌握,能大大提高我们调试代码的效率.因为我平常chro ...
不常见但很有用的chrome调试工具使用方法
前面的话对于chrome调试工具,常用的是elements标签.console标签.sources标签和network标签.但实际上,还有一些不太常见但相当实用的方法可以提高网页调试效率.本文将 ...

随机推荐

HDU 4035 Maze 概率DP 搜索
解题报告链接: http://www.cnblogs.com/kuangbin/archive/2012/10/03/2711108.html 先推公式,设计状态,令DP[i]表示在房间i退出要走步数 ...
Passing the Message 单调栈两次
What a sunny day! Let’s go picnic and have barbecue! Today, all kids in “Sun Flower” kindergarten ar ...
1010. Radix (25) pat
Given a pair of positive integers, for example, 6 and 110, can this equation 6 = 110 be true? The an ...
C# NPOI导出Excel和EPPlus导出Excel
转自:http://www.cnblogs.com/tanpeng/p/6155749.html 系统中经常会使用导出Excel的功能.之前使用的是NPOI,但是导出数据行数多就报内存溢出. 最近看到 ...
Patch打补丁学习笔记
1.基本命令语法: patch [-R] {-p(n)} [--dry-run] < patch_file_name p:为path的缩写. n:指将patch文件中的path第n条’/’及其左 ...
treeql 基于rest 标准的接口开发协议
treeql 可以让我们按照数据库的关系模型,生成一个tree 模型的json 数据,基于rest 标准, 从设计上,来说还是很不错的,但是从长远发展来说graphql 应该会更好,也有相关的比较参 ...
箭头函数中的 this
JS 每一个 function 都有自己独立的运行上下文,但箭头函数不属于普通的 function,所以没有独立的上下文. 所以在箭头函数里写的 this 其实是包含该箭头函数最近的一个 functi ...
二、Jmeter录制脚本过程及Could not create script recorder报错、您的连接不是私密连接报错
两个报错:Could not create script recorder报错和您的连接不是私密连接报错 1.录制过程 * 打开jmeter * 点击Templated,选择Recoding模版 * ...
npm 发包的简易流程
发包的简易流程: https://www.jianshu.com/p/ea64fd01679c 错误集锦: npm publish error: 403. You do not have permi ...
学习 ASP.NET MVC
http://www.cnblogs.com/gaoweipeng/category/203080.html http://blog.csdn.net/liu_ben_qian/article/det ...

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

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

随机推荐

热门专题