navigator是什么意思 javascript中的navigator.appName为何显示我的浏览器是Netscape
navigator是什么意思 navigator对象有什么作用
Navigator对象，在Web开发中可是特别重要的一个角色，它能告诉我们用户到底是用啥浏览器、啥版本系统，甚至是用的啥操作系统啥硬件设备。简单来说，Navigator对象里头有几个特别牛的属性，比如：
- appName —— 浏览器名字
- appVersion —— 浏览器版本信息
- platform —— 用户的平台（操作系统啥的）
- userAgent —— 用户代理字符串，包含很详细的信息
有了这些信息，咱们的网页就能“聪明”地辨识访问者的环境，做到更好的兼容性适配，比如说给IE、Chrome、Firefox传送不同的代码或样式，保证大家看起来都没毛病。是不是挺酷的？这也是前端开发不可或缺的一个“聪明小帮手”呀！
javascript中navigator.appName为何显示我的浏览器是Netscape 常见兼容性代码怎么写
先说个奇怪的事儿，就是你用 navigator.appName 时，发现浏览器名字居然老是显示Netscape，哪怕你明明用的是IE或者其他浏览器？这可不是你的浏览器认错了，而是因为历史遗留问题和兼容性设计。具体原因如下：
- 早期所有主流浏览器都把
navigator.appName定义成“Netscape”，为了统一代码，都保持了这个“假象”，让老代码能继续跑下去。 - 各浏览器厂商为了避免自己页面显示问题，还会“伪装”成其他浏览器，比如IE就伪装成Netscape。
- 甚至有的浏览器你像Opera，还有自定义这个字符串的自由，玩得挺溜。
至于网页制作中，咱们经常会用一些代码来识别navigator信息，然后跳转不同页面或者加载不同代码，比如：
ns = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3));
if (ns) {
setTimeout("location.href='ns.htm'", 10);
} else {
setTimeout("location.href='ie.htm'", 10);
}
还有链接下划线去掉的小技巧，只要在<head>里面加CSS：
a {
text-decoration: none;
}
要做页面弹灰覆盖，配合div和css、js也是很方便的，比如检测浏览器再操作，能保证弹窗效果完整覆盖整个页面。这样写代码就更靠谱了，用户体验嗖嗖地提升。
相关问题解答
- 为什么navigator.appName总是返回Netscape而不是我的真实浏览器号？
哦，这个很正常啦，别惊讶！从很早以前，浏览器就为了保持老网站代码兼容性，大家都统一返回Netscape。说白了，是浏览器“装”的啦，怕网站崩掉嘛，结果就成了默认模式。这就是历史的无奈和现实的无敌兼容，怪不得每次看到都是Netscape，别太纠结哈！
- 用navigator对象能实现哪些网页效果？
嘿嘿，navigator可帮大忙了。它能帮你检测用户用的是啥浏览器，是不是手机访问，操作系统是苹果还是Windows，这样咱们就能“因材施教”，给不同环境加载不同代码，保证网站不崩溃，而且效果更棒。用它来做页面跳转、样式切换、功能开关，那简直太方便了！
- 怎样去掉网页中链接默认的下划线？
超级简单啦！你只要在网页头部加上一段小小的CSS：
a {
text-decoration: none;
}
这东西一写进去，所有链接就都会“乖乖”地没有下划线了，页面看起来更整洁、更高级一点点。是不是很easy呢！
- 网页弹出层如何实现覆盖整个页面变灰效果？
这个其实挺常见的需求，特别是弹出登录框、提示之类的。你得用div配合css还有JS做到全屏覆盖，同时设置半透明灰色背景。具体来说呢：
var overlay = document.createElement('div');
overlay.style.position = 'fixed';
overlay.style.top = '0';
overlay.style.left = '0';
overlay.style.width = '100%';
overlay.style.height = '100%';
overlay.style.backgroundColor = 'rgba(0,0,0,0.5)';
overlay.style.zIndex = '1000';
document.body.appendChild(overlay);
这样一搞，整个页面就乓地一下变灰了，弹窗更醒目，用户体验嗷嗷的棒！不信你试试~
添加评论