浏览器对于前端的作用

我是一个前端初学者也是爱好者，刚来到一个企业从事一份前端工程师的工作，对于页面的酷炫及动态交互性，我充满了无限的好奇与喜欢，感觉探索前端语言就像在探索一个新世界一样。

近期我上级领导布置了一个小任务给我：收集市面上不同平台下的浏览器及其版本。这让我很是不能理解，前端工程师不应该去了解代码吗？不应该去了解浏览器的内核吗？为什么要了解平台及其浏览器的版本呢？我带着一丝丝的疑惑去完成这个任务。

我进行了手机端和电脑桌面端的操作系统及浏览器的统计。根据统计调查，于2018年2月，电脑端的主流操作系统及所占比例如下:
1.Windows（87.66%）
2.Mac OS（9.89%）
3.Linux（2.08%）
4.Chrome OS（0.31%）
其中全球电脑端的六大主流浏览器有Chrome（所占67.49%），Firefox，IE，Safari，Edge和Opera；而中国的六大主流浏览器却有很大的差异，国内六大主流浏览器是Chrome（45.74%），IE，QQ浏览器，2345加速浏览器，搜狗加速浏览器和火狐浏览器。Chrome浏览器网页占用内存少，较安全所以是国内外浏览器的首选。

手机端的主要操作系统和浏览器就不一样了。手机的操作系统是
1.Android
2.iOS
3.Microsoft（Windows Phone ，Windows Mobile）
4.RIM（黑莓）
5.一些其他的操作系统
手机的主流浏览器是QQ浏览器，UC浏览器，360浏览器，百度浏览器，搜狗浏览器，猎豹浏览器，2345浏览器，chrome浏览器，绿茶浏览器和opera浏览器。

不管是电脑还是手机，不同浏览器的最新版本都可以在各大软件中心查知。具体如下：

最后，领导语重深长地开导我说，不同浏览器及其不同版本对网页页面的显示也有一些差异。对主流浏览器及最新版本地了解可以让我们在学习CSS和HTML等等语言的一些内容最后兼容什么版本号，也能更好的调试页面，尽可能的使页面一致性。当我们做的或其他人做的页面出现一些小问题，我们可以通过分析其不同操作系统下所使用的浏览器的哪种兼容性没有做好，就可以具体地快速地去解决页面出现地小问题了。这些只是对前端的初步了解。我明白了，知识是一步一步慢慢学的，先稳定一些基础才能更好的更快速地掌握后面地内容。

浏览器对于前端的作用相关推荐

(1.6w字)浏览器与前端性能灵魂之问，请问你能接得住几个？（上）
作为一个合格的前端工程师,浏览器相关的工作原理是我们进行性能优化的基石,我之前也强调过知识体系的重要性,这部分原理性的内容就是知识体系中的重要部分,必须牢牢掌握才能面对瞬息万变的实际场景,针对性地给出 ...
浏览器对象模型bom的作用是什么？
浏览器对象模型bom的作用是什么? 零.总结 1.BOM提供了独立于内容而与浏览器窗口进行交互的对象 2.BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和 ...
JS高级——浏览器运行前端项目的原理及流程
一.认识浏览器二.V8引擎三.V8引擎中执行JS代码过程(涉及执行上下文.作用域提升) 四.浏览器事件循环-微任务和宏任务一.认识浏览器在生活中或者是工作中,我们对浏览器已经非常熟悉,比如谷歌 ...
使用浏览器调试前端的必备技巧
站在巨人的肩膀上更快的成长,小编最近在研究前端调试时,发现一篇总结使用浏览器调试前端的必备技巧的文章,小编忍不住一键三连并且想分享给大家.本文为转载文章,原文地址: 使用浏览器调试前端的必备技巧一. ...
浏览器各个属性的作用
作为前端程序员不可避免的会和浏览器打交道,所以要对浏览器的各个属性的作用进行了解,方便开发及调试,这里以谷歌浏览器为例进行简单的介绍.一是巩固对浏览器属性的认识,二是方便大家的学习. 首先打开谷歌浏览 ...
Google浏览器调试前端代码
我们在开发web程序时难免要自己编写前端的代码,而前端代码又涉及到很多细节,时不时就会犯下某个小错误,然后特别不好发现错误,使得网页经常显示不出来.此时就体现出调试的重要性.下面我将结合图片为大家讲 ...
基于Chrome浏览器的前端调试
文章目录使用浏览器window对象的alert()方法打开浏览器控制台设置断点 debugger 代码利用Chrome控制台输出 console.log() console.table() co ...
详解浏览器缓存前端开发必会
详解浏览器缓存缓存可以说是性能优化中简单高效的一种优化方式了.一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷. 对于一个数据请求来 ...
有趣且重要的JS知识合集（18）浏览器实现前端录音功能
1.主题描述兼容多个浏览器下的前端录音功能,实现六大录音功能: 1.开始录音 2.暂停录音 3.继续录音 4.结束录音 5.播放录音 6.上传录音 2.示例功能初始状态: 开始录音: 结束录音: ...

浏览器对于前端的作用

浏览器对于前端的作用相关推荐

最新文章

热门文章