Javascript 如何在angular 9应用程序中引入最简单的跨浏览器错误?

Javascript 如何在angular 9应用程序中引入最简单的跨浏览器错误?,javascript,css,angular,cross-browser,polyfills,Javascript,Css,Angular,Cross Browser,Polyfills,最近,我了解到它减少了浏览器之间的不兼容性,并将其添加到我的新angular项目中,我使用angular cli使用ng new my app生成了该项目 在我的例子中,我想介绍一个简单的错误,这是由于浏览器无法使用。如何在angular 9应用程序中不产生其他副作用的情况下做到这一点?我通过在组件的模板部分添加input类型datetime local的标记,添加了最简单的跨浏览器错误 <input type="datetime-local" formControlN

最近,我了解到它减少了浏览器之间的不兼容性,并将其添加到我的新angular项目中,我使用angular cli使用
ng new my app
生成了该项目


在我的例子中,我想介绍一个简单的错误,这是由于浏览器无法使用。如何在angular 9应用程序中不产生其他副作用的情况下做到这一点?

我通过在组件的模板部分添加
input
类型
datetime local
的标记,添加了最简单的跨浏览器错误

<input type="datetime-local" formControlName="startTime" class="form-control" id="startTime" placeholder="Start Time">

在firefox上,这将呈现为

在firefox上,这将呈现为


在两个浏览器上,外观不同,因此这是一个跨浏览器错误。

转到Es6 polyfill repo,选择方法,并在MDN文档中查找方法的浏览器兼容性。然后在浏览器中使用不支持它的方法…可能在IE中