浏览器。浏览器对象检测、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标签.但实际上,还有一些不太常见但相当实用的方法可以提高网页调试效率.本文将 ...
随机推荐
- LOJ2538. 「PKUWC2018」Slay the Spire【组合数学】
LINK 思路 首先因为式子后面把方案数乘上了 所以其实只用输出所有方案的攻击力总和 然后很显然可以用强化牌就尽量用 因为每次强化至少把下面的牌翻一倍,肯定是更优的 然后就只有两种情况 强化牌数量少于 ...
- openLayers 4 canvas图例绘制,canvas循环添加图片,解决图片闪烁问题
一.问题来源: 接触Openlayers 一段时间了,最近做了一个农业产业系统,项目中涉及到产业图例,最后考虑用canvas来绘制图例图像.当中带图片的图例移动时,图片会实现闪烁留白情况.闪烁是因为绘 ...
- jsp之response方法
response简介 response对象:对客户端的请求作出回应,将Web服务器处理后的结果发回客户端. response对象:属于javax.servlet.HttpServletResponse ...
- WIN 10系统下,在DOS窗口输入Java或者javac出现乱码的解决方法
昨天在WIN10系统下完成了Java环境的安装配置,配置完成后验证环境的时候出了一个小插曲—输入java后窗口内中文字符出现乱码,如下图. 在经过一番google之后,发现,原来是我cmd窗口的代码页 ...
- 《DSP using MATLAB》Problem 4.14
代码: %% ---------------------------------------------------------------------------- %% Output Info a ...
- 实习第一周第一天:接口 extends是继承类,implement是实现接口,原接口里面的方法填充,方法名也是不变,重写override是父类的方法名不变,把方法体给改了
一.定义 Java接口(Interface),是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为( ...
- signal信号
1.signal信号调试 http://hongjiang.info/shell-script-background-process-ignore-sigint/
- 【VB.NET】——若水归海
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/successA/article/details/34496209 看完台湾微软特约资深讲师的VB.N ...
- JZ2440 裸机驱动 第14章 ADC和触摸屏接口
本章目标: 了解S3C2410/S3C2440和触摸屏的结构: 了解电阻触摸屏的工作原理和等效电路图: 了解S3C2410/S3C2440触摸屏控制器的多种工作模式: ...
- django orm 常用查询筛选
大于.大于等于 __gt 大于 __gte 大于等于 User.objects.filter(age__gt=10) // 查询年龄大于10岁的用户 User.objects.filter(age__ ...