首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 8在IE 11和Safari浏览器中不起作用

是因为这两个浏览器对于一些最新的JavaScript特性和Web标准支持不完善。Angular 8是基于TypeScript语言开发的,而TypeScript是一种由微软开发的开源编程语言,它包含了最新的JavaScript特性并且可以进行静态类型检查,提供了更好的开发工具和编译时错误检查。

由于IE 11和Safari浏览器的限制,Angular 8在这两个浏览器中可能会遇到一些兼容性问题。为了解决这个问题,可以尝试以下方法:

  1. Polyfills:通过使用polyfills来填补浏览器功能差异的空白,从而实现在IE 11和Safari浏览器中的兼容性。Angular提供了一些内置的polyfills供开发者使用,可以在项目配置文件中进行相应的配置。
  2. Babel编译:可以使用Babel编译工具来将TypeScript代码转换为ES5,以便在旧版本浏览器中运行。通过使用Babel插件,可以将TypeScript代码转换为与IE 11和Safari兼容的代码。
  3. 浏览器支持策略:如果你的应用程序的用户主要集中在IE 11和Safari浏览器上,可以考虑调整你的应用程序的浏览器支持策略。可以尝试使用旧版本的Angular或其他兼容性更好的前端框架。

总之,要使Angular 8在IE 11和Safari浏览器中正常工作,需要通过使用polyfills、Babel编译或调整浏览器支持策略来解决兼容性问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

兼容性测试工具分享

有多少朋友做过浏览器兼容性测试?怎么做的,效率怎么样,是在不同的机器上下载不同的浏览器进行效果确认?有多少人对浏览器的兼容性测试犯过愁?   ...IETester可以在独立的标签页中开启IE5.5、IE6、IE7,IE8 ,IE9,IE10,IE11这7个不同版本的IE,原则上支持WIN8 desktop,WIN7,XP和Vista操作系统。...下若没有IE7的话, IE8 的实例不工作 ) 2)如果IE10不是系统默认安装的浏览器版本,那它就不可用。...SuperPreview可以让你设计制作好的网页在IE不同版本以及Chrome、FireFox和Safari浏览器呈现效果,而且还提供像firebug或者是微软的开发者工具一样的功能,对于调试页面将会非常有力...根据微软的介绍,SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定,如果系统安装了IE8,那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6;如果系统安装了IE7

3.7K80
  • Angular 初始化显示出大括号语法的解决方法(ngCloak)

    在做angular的SPA开发时,我们经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁。...而对于IE7,8这类解析稍慢的浏览器大部分情况下是不会出现这个问题的。 在angular中为我们提供了ng-cloak来实现纺织闪烁的方案,我们只需要在需要的地方加上ng-cloak。...}} IE7'"> angular讲ng-cloak实现为一个directive,并会在初始化的时候在DOM...将带有ng-clock的的元素设置为display:none,隐藏掉,在等到angular解析到带有ng-clock的节点时候,会把attribute和class同时remove掉,这样就可以实现防止节点的闪烁...$set('ngCloak', undefined); element.removeClass('ng-cloak'); } }); 在angular.js的最后一段代码中能看见前面所说的增加

    1.5K10

    第141天:前端开发中浏览器兼容性问题总结(二)

    垂直居中的问题 问题: 在浏览器中想要垂直居中,设置vertical-align:middle; 不起作用。...在ie中如果td中的没有内容,那么border将不会显示 8. div嵌套p时,出现空白行 问题: div中显示文本,ff、oprea、Chrome:top和bottom都会出现空白行,但是在...32. li中的内容以省略号显示 问题: li中内容超过长度时,想以省略号显示, 此方法适用于ie6-7-8、opera、safari浏览器  ff浏览器不支持 解决: li{width:200px;white-space...=this.blur()) } ie8 和 ff 都不支持expression 在ie8 、ff中设置为  :focus { outline: none; } 38. css滤镜的问题 问题:     ...子容器宽度大于父容器宽度时,内容超出 问题: 子DIV的宽度和父DIV的宽度都已经定义,在IE6中如果其子DIV的宽度大于父DIV的宽度,父DIV的宽度将会被扩展,在其他浏览器中父DIV的宽度将不会扩展

    1.9K21

    Tailwind 初识

    上一篇文章 Angular 中 SASS 样式的使用中,我们已经介绍了 sass 样式的介绍。本文,我们来介绍另一个编写样式的神器 -- Tailwind。...这些类名需要记住,如果你在 DOM 元素中并没有添加,那么就不会有效果,毕竟它只是个样式而已。...其 2.0 以上版本的 tailwind 专为 Chrome, FireFox, Edge 和 Safari 的最新版本设计并在它们上面经过了测试。...IE 有点凉凉;当然,如果你还是固执想使用 tailwind 兼容下 IE11 的话,使用 1.9 版本的 tailwind 在公司内部系统可以大胆使用 Tailwind,写过之后,你就知道有多香...比如:根元素的设置 font-size: 16px; 那么 0.75rem 代表的就是 12px rem 在兼容不同设备上很好用 tailwind 中的样式的类名很多,使用的过程中,打开官网,对照类名进行开发

    61720

    苹果拒绝支持PWA的行为对Web贻害无穷!

    不过还有一个主要问题 —— 虽然谷歌已经接受并在 Android 版的 Chrome 浏览器添加了这一技术的支持,但是 Apple 却放弃了在 iOS 端的 Safari 浏览器中提供支持。...苹果的“全屏”模式充满了漏洞 我尽可能地在试着在移动端 safari 中推广苹果的“类原生”体验——但它有一些严重的漏洞,而苹果公司根本不关心它们。...我在移动版 Safari 的“全屏”或“Web应用”模式中发现的一些bug包括: 加载屏幕不起作用(及其恶劣——已经超过18000的点击量,没有得到苹果的回应。...这是我在处理早期版本的IE浏览器之后遇到的最令人沮丧的事情之一。 而且很容易找出原因: 苹果对待Web应用就像二等公民一样,因为它们不会在 app store 中像原生应用那样赚钱。...我曾经尝试学习并使用 Ionic/Angular,但始终对它没有什么感觉。当看到那些在 Ionic 生态体系中花费时间的开发公司时,我觉得他们可能搭错了车。

    1.9K30

    解决webpack打包静态资源(样式)无法添加厂商前缀-webkit -moz -ms -o的问题

    可以设置以下browserlist,现在webpack默认你的项目支持高版本浏览器,我们可以将支持的浏览器覆盖的全面一点就出来前缀了 我们在package.json里面加上如下内容重新打包运行就可以出来...3 firefox 2 ie 11 ie 10 ie 9 ie 8 ie 7 ie 6 ie 5.5 ie_mob 11 ie_mob 10 ios_saf 13.3 ios_saf 13.2 ios_saf...opera 10.6 opera 10.5 opera 9.5-9.6 opera 9 safari 13 safari 12.1 safari 12 safari 11.1 safari 11 safari...10.1 safari 10 safari 9.1 safari 9 safari 8 safari 7.1 safari 7 safari 6.1 safari 6 safari 5.1 safari...4 可以看到支持大多数浏览器,这样比如一张img都会自动加上对应前缀,在各种浏览器显示 可以点击这里学习browserslist

    26010

    浏览器User-Agent大全

    字串说明: 1、浏览器标识 出于兼容及推广等目的,很多浏览器的标识相同,因此浏览器标识并不能说明浏览器的真实版本,真实版本信息在UA字串尾部可以找到。...;U;IntelMacOSX10_6_8;en-us)AppleWebKit/534.50(KHTML,likeGecko)Version/5.1Safari/534.50 safari5.1–Windows...、腾讯浏览器以及搜狗浏览器、Avant、GreenBrowser均采用IE的内核,因此IE浏览器判断的标准是”MSIE“字段,MSIE字段后面的数字为版本号,但同时还需要判断不包含”Maxthon“、”...在以上条件下包含Mobile字段的即为移动设备上的Safari浏览器。...User-Agent的详细信息,请参见浏览器User-Agent的详细信息。 我们来了解User-Agent中的不同操作系统的识别方法。

    6.6K20

    浏览器探针--JavaScript

    在开发中,我们经常会遇到需要判断操作平台和浏览器类型的问题。 HTTP规范(包括1.0和1.1版)明确规定,浏览器应该发送简短的用户代理字符串,指明浏览器的名称和版本号。...常用浏览器的UA信息 浏览器 UA信息 IE “Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; ....; Intel Mac OS X 10_11_4) AppleWebKit/601.5.17 (KHTML, like Gecko) Version/9.1 Safari/601.5.17” Opera...) > -1 && userAgent.indexOf("MSIE") > -1){ //判断是否IE浏览器 return "IE"; } } 通过对比上述UA,...可得知,其上述示例写的并不好,由于“Chrome浏览器UA”和“Safari浏览器UA”中都包含“Safari”字样,且“Chrome浏览器UA”和“Edge浏览器UA”中都包含“Chrome”字样,上述之所以可以正确判断

    1.6K41
    领券