大家好，前端用谷歌浏览器相信很多的网友都不是很明白，包括前端用谷歌浏览器好吗也是一样，不过没有关系，接下来就来为大家分享关于前端用谷歌浏览器和前端用谷歌浏览器好吗的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

1. 前端面试题之解决浏览器兼容性的方案
2. 想问下前端需要考虑的兼容性浏览器有哪些
3. 前端开发怎么设置谷歌浏览器打开
4. 为什么现代前端框架放弃了HTML的常规用法

一、前端面试题之解决浏览器兼容性的方案

浏览器兼容性涉及的内容有很多，特别是针对IE浏览器，以下整理出五种常见的浏览器兼容性解决方法。

由于各大浏览器会有自身的默认样式，并且不尽相同，所以为了尽可能的保证样式的统一性，前端在开发项目之前都会先进行样式格式化，最常见的分为以下几个方面。

1.pandding值和 margin值均设置为 0

将html、body、a、li、ol、input、textarea、select、button等标签的 padding值和 margin值设置为 0。

设置统一的字体，如果使用 rem单位，则 html需要设置合适的字号。

设置统一的颜色，将 text-decoration属性设置为 none。

5.input、textarea、select、button等标签初始化

二、使用不同类型的浏览器内核前缀

1.Chrome（谷歌浏览器）与 Safari（苹果浏览器）内核：Webkit（中译无）前缀：-webkit-

2.IE（IE浏览器）内核：Trident（中译三叉戟）前缀：-ms-

3.Firefox（火狐浏览器）内核：Gecko（中译壁虎）前缀：-moz-

4.Opera（欧朋浏览器）内核：Presto（中译迅速）前缀：-o-

-webkit-border-radius: 10px;/谷歌浏览器/

-ms-border-radius: 10px;/ IE浏览器/

-moz-border-radius: 10px;/火狐浏览器/

-o-border-radius: 10px;/欧朋浏览器/

三、针对IE浏览器不同版本的解决方案

1.对于低版本的 IE浏览器使用 CSS hack（即给特点前缀）

注：以下符号是写在属性名前面。

兼容 IE6、7的 hack符号：`~!@#$% ^&*()+= [ ]|<>,.任意一个符号

注：以下符号是写在属性值与分号直接，中间不留空格。

兼容 IE8、9、10的 hack符号：\0

兼容 IE6、7、8、9、10的 hack符号：\9

.border-radius: 10px;/ IE6\7\8/

border-radius: 10px\0/;/ IE8/

border-radius: 10px\0;/ IE8\9\10/

border-radius: 10px\9;/ IE6\7\8\9\10/

2.为不同的版本编写独立的样式，其他浏览器识别不到。

例：大于 IE9的浏览器使用这个单独的 style9.css样式

例：只有 IE6浏览器使用的 style6.css样式

1.cursor属性的 hand值和 pointer值

问题：firefox浏览器不支持 hand值，但其他浏览器均支持 pointer值。

解决:统一使用 cursor属性的 pointer值。

问题：IE8及IE8以下版本浏览器不可通过设置 margin:0 auto实现水平居中。

解决:可通过设置父级 text-align:center实现。

问题：IE8及IE8以下版本浏览器不支持属性值“inherit”。

解决：谨慎使用属性值“inherit”。

问题：IE11不支持箭头函数、class语法等（报 SCRIPT1002:语法错误），不支持 Set和 Map数据结构（不报错）及 Promise对象，支持 let和 const，IE10及以下不支持任何 ES6语法。

解决：如果要兼容IE浏览器的项目请使用 ES5语法或者使用 Babel进行转换。

问题：IE9及 IE9以下版本浏览器，不能操作 tr标签的 innerHTML属性。

解决：可以操作 td标签的 innerHTML属性。

问题：IE9及 IE9以下版本浏览器无法使用 Ajax获取接口数据。

解决：在使用 Ajax请求之前设置 jQuery.support.cors=true。

问题：IE8及 IE8以下版本浏览器 event对象只有 srcElement属性，没有 target属性。

解决：obj= event.target?event.target:event.srcElement。

问题：IE8及 IE8以下版本浏览器是用 attachEvent()方法，而其他浏览器是 addEventListener()方法。

解决：判断 IE浏览器版本，如果是 IE8及以下事件绑定则使用 attachEvent()方法，注意 attachEvent()方法的用法，第一个参数为“onclick”而不是“click”。并且没有第三个参数。

二、想问下前端需要考虑的兼容性浏览器有哪些

从数据上可以看出chrome+ firefox+ safari+ ie9是高端浏览器，ie8勉强算准高端吧。这样这部分占有率约57%(如果加上其他webkit内核的浏览器会更高一些)已经大于ie6+ ie7，但是IE6兼容性还是要解决。

二、web前端主要这些兼容浏览器：

1，firefox是开源的浏览器内核，插件很齐全，是代码人员的爱宠。

2、IE浏览器，要在Windows中开发适合自己的浏览器，很多人都在用。

3、Google浏览器，是谷歌公司开发的网页浏览器，稳定性和安全性很好。

4、Opera12.17及更早版本曾经采用的内核是Presto，Opera15及以后的版本采用Blink的内核。用于手机代码测试也很方便。

三、前端开发怎么设置谷歌浏览器打开

谷歌浏览器怎么设置默认打开网页首先打开谷歌浏览器。注意右上角的三条横线。单击这个按钮打开菜单，然后选择设置选项。注意设置选项中的第一项，启动时，就是说，希望谷歌浏览器启动时要做的事，在这里选择第三个：打开特定网页或者一组网页。输入想要打开的一个或者一组网站。当所有的网站设置完成后，点击确认按钮，然后关闭浏览器。当再次打开浏览器的时候，就会打开你刚才输入的网站了！

四、为什么现代前端框架放弃了HTML的常规用法

因为再不搞得貌似高大上，各种智能AI会让前端全部失业啊，所以把问题复杂化，可以延长技术岗位淘汰的时间

随着互联网和相关技术的发展，确实现在的前端框架越来越强大了，但是并不是说现在的前端框架就放弃了HTML的常规用法，所有的前端应用依旧是建立原有的HTML，CSS，JS的基础上的，依旧是遵照W3C标准去执行的。

毕竟最终呈现这一切的是浏览器，如果我们的标准和用法发生变化，首先就会从浏览器发生改变，但其实我们现在的浏览器并没有变，我们再新的网站，用谷歌很旧版本的浏览器依旧可以访问，当然兼容性上可能会存在一些些问题。

不过，HTML和JavaScript确实是在发展，HTML里面加上了很多新的属性，2008年的时候，HTML 5正式发布，不过当时的浏览器其实并不能很好的支持HTML 5，直到2012年，HTML 5的位置才算是稳定下来。JavaScript也是同样，它的版本一直都在迭代，从1997年诞生的ECMAScript（ES） 1.0版本，到现在已经ES10了，但是浏览器对于ES的兼容还停留在ES6的水平上，只是我们想了更多的方案在前端的框架上。

简单来说，原有的渲染方式是先加载HTML，然后加载CSS进行渲染，然后加载JS进行渲染，这样的方式开销小，但是速度慢。而现在的渲染方式是先进行Virtual DOM（VDOM）的渲染，然后一次性将VDOM映射到DOM上，这样来加快渲染速度，但是缺点就是开销会变大。

不过我们计算机的性能现在已经很强大了，这么一点点的开销其实影响并不大，因此也就让现在的前端框架越来越喜欢新的这种渲染模式。

例如：我们原有的标签，使用的时候就会使用传统的渲染方式，开销很小，但是确实外观上有时候不太符合现在人的审美，即使通过CSS各种美化，但是也有点不尽如人意。因此，我们现在的框架中，大多使用的方式，配合JS设计了新下拉控件，虽然开销大了一些，但是加载速度快，好看且功能强大。也由于这些各种自定义控件的出现，让原有的Form POST方式变得有点不太够用了，所以，基于Ajax的各种交互方式也就出现了。当然，这并不是说就放弃了传统的HTML，我们依旧使用的是传统的HTML，只是在它之上做了加工，让他能够更好，更符合现在人的使用习惯和审美。而类似Vue，React，Angular这样的前端框架，也是为开发者提供了更多的便利，让开发者可以更专注于交互和功能，在一些简单的技术层面处理就交给了框架。现在前端库，框架（Vue，React，Angular）也并没有放弃HTML常规用法，还是遵守W3C标准去执行的。但是执行这个过程是由程序自动化了也就是VDOM=>DOM的过程。传统前端三大根基HTML,CSS,JS，CSS还有一席之地，JS被无限放大的使用，而标准的带有语义化的HTML也并没有被抛弃。React库就是基于Javascript将HTML CSS都写在一起的风格。关于标签，各个PC端浏览器对input类型为radio，checkbox默认的展示样式不一样。也需要我们自己模拟一下，达到用户需求。当然还有其他人分享的类型为number的时候等等，不得不说原生计算虽然很强大，能做到库，框架做不到的需求，也孕育了各个库，框架。但原生js操作DOM是很痛苦的。所以这些零零散散的问题阻碍了现代化开发效率。能解决这些问题从一定程度上大家肯定是拥护的。HTML还是会用下去的，除了语言本身我们也需要考虑各个浏览器的兼容与发展，对语言本身的支持度。现在都是现在virtual dom中渲染完css和JS，渲染完，再从virtual dom一次映射到dom，这么做主要是为了加快渲染速度，缺点是耗费内存特别大。。常规的HTML渲染是先加载HTML，然后再渲染css，渲染css过程中会有很多HTML特性变化，之后再渲染JS，就触发很多的HTML和css变化。这种模式，最大缺点是分三步走，大概是串行运行，花费时间较长，，另外很多元素渲染三遍才变成最终状态（大概这么理解）。。。提问者是发现前端语言中出现了自定义标签或者模板语法吗？还是说vue类似的语法结构？前者说到底就一个原因：浏览器的兼容性！特别是IE这个不知进取的货，前端技术被这货一直限制，直到win10的出现才得到改善，就连现在最低兼容也要考虑到ie9！常规前端框架要负责渲染和ui效果，html标签无法满足现在ui层的渲染要求，不同浏览器下的展示结果也不同，最直观的就是表单元素：select、radio、checkbox、button等等。所以你会看见所有前端框架都必须要有一套自己的表单组件。作为一款框架，目的就是用最简单的语法达到最好的展示结果，语法特别重要，所以我们会发现在框架中利用js做二次渲染是最好的选择，使用者只需一个属性就能达到特定效果。比如我自研的框架中开关组件：，只需对应属性给值，其他的交给框架去渲染。

有的干脆直接给js函数传入对象参数：

而vue这种就属于渲染引擎，只负责渲染，不负责ui效果，没什么好说的。

任何前端框架都是基于html css js这三者基础上扩展丰富，以方便更多人去快捷高效的使用！

我前后端都搞，那会还要考虑ie6的兼容问题，那时候唯一的前端库是jq，用起来很方便，开发思想围绕面向过程。近些年出的react、vue、angular框架则更多是面向对象思想，前端也越来越工程化，但本质还是在js基础上的扩展丰富。

回到题主问题，最开始的是直接js操作dom，这样是很消耗性能的，后面出的那些框架中所提出的虚拟dom操作，本质就是用一个全局js对象维护所有的dom节点，当最终比对出dom需要更新时，再操作dom。所以就理想化而言，后者性能上更好且代码优雅。

那是因为你看到的都是互联网行业。传统业务系统，电力，金融，银行，制造业等等都在用，逻辑复杂，架构复杂，不是你互联网搞几个页面查询显示，追求所谓的加载速度和体验那么简单。在互联网行业，你几乎接触不到真正的面向对象设计的架构，只有一堆中间件，各种前后端框架。这是完全不同的两个领域，不能混为一谈。

狭隘范畴来说，任何前端框架最终都是靠html css js三大件来实现的

没有感觉现在前端放弃了常规写法。

你所谓的常规用法是html旧版本。新版html添加了太多东西都es7es8了是用法升级了

OK，关于前端用谷歌浏览器和前端用谷歌浏览器好吗的内容到此结束了，希望对大家有所帮助。