IE兼容性问题处理( 对象不支持startsWith )

最新推荐文章于 2024-08-08 07:31:39 发布
最新推荐文章于 2024-08-08 07:31:39 发布
阅读量1.5w 收藏 1
点赞数
分类专栏： 兼容性 文章标签： 兼容性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014541501/article/details/79643711
版权
在使用React + Redux + Webpack构建的项目中遇到IE11兼容性问题，IE11报错“对象不支持startsWith”。通过查阅资料了解到，startsWith是ECMAScript 2015新增的特性，部分浏览器如Chrome较早版本和IE不支持。解决方案是引入core-js库，提供polyfill来兼容不支持的浏览器。这样可以确保在不支持startsWith方法的环境中也能正常运行。
摘要由CSDN通过智能技术生成
一、 IE：对象不支持startsWith
利用 react + redux + webpak 实现了一个mini项目。在项目快做完需要处理兼容性的时候却发现有一个坑爹的问题，项目在火狐和Chrome上都可以正常的使用，但是却不能兼容IE(IE11)。
打开控制台刷新浏览器会变成这个样子，并且很奇怪没有生成对应的dom树，但是还好有报错：
最低0.47元/天 解锁文章
yummyH
关注
专栏目录
react+antd项目在IE下报对象不支持startsWith属性或方法
一个慢的博客
04-10 2717
出问题的startsWith在antd模块里，所以跟自己写的代码无关，是antd的兼容性问题。 出问题的浏览器是IE，上网查了些资料发现IE浏览器不支持该属性 浏览器支持情况： 看了网上的好多种解决方案，他们跟我的项目都不完全一致所以没法直接拿来用，记录下自己的解决办法。 需要引用babel-polyfill来解决兼容问题 我的项目是react+antd+webpack 安装：ba...
扩展IE中一些不兼容的方法如contains、startWith等等
09-04
扩展IE中一些不兼容的方法如contains方法、startWith方法等等，下面是具体的实现代码，喜欢的朋友可以参考下
Core-JS 教程：从入门到实践
最新发布
gitblog_00871的博客
08-08 440
Core-JS 教程：从入门到实践 core-jsStandard Library项目地址:https://gitcode.com/gh_mirrors/co/core-js 1. 项目介绍 Core-JS 是一个JavaScript标准库的Polyfill，它允许你在那些不完全支持最新ECMAScript标准的环境中使用新特性。这个库特别强调最小化体积和最大化可定制性，确保你的应用只加载必要的...
对象不支持“startsWith”属性或方法
litCabbage的博客
04-08 4487
项目兼容性问题 开发环境 360浏览器 vue "^2.5.17" vue-cli3 问题 对象不支持“startsWith”属性或方法 startsWith()方法用来判断当前字符串是否是以另外一个给定的子字符串“开头”的，根据判断结果返回 true 或 false。 查阅MDN，发现ie根本就不支持，因此使用ie内核的360浏览器必然也不支持 解决方案 这个是e...
【React】IE 11发报“对象不支持startsWith属性或方法”异常解决方案
taoerchun的专栏
01-24 3533
转载于：https://blog.csdn.net/qq_38054239/article/details/80651230  背景： React项目中使用了 Ant Design后Chrome和火狐浏览器运行OK，但IE 11发报 对象不支持“startsWith”属性或方法 解决方案： 安装“babel-polyfill”，并在入口文件中添加 import  "babel-polyf...
IE不支持startWith的解决方案
xingxing12323的博客
09-27 3037
吐槽： google浏览其中用到的startsWith函数IE中竟然没有，可恨的是IE11都没有。 解决办法： 1. 通过正则表达式进行判断 startsWith替换方案 if(/^serial=.*$/g.test(dns[i])){//dns[i]要匹配的字符串，前面表示以serial=开头 serial=decodeURIComponent(dns[i].substring(7)) }...
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
10-20
为了解决startsWith在不支持的浏览器中的兼容性问题，开发者通常需要采用polyfill（填充脚本）。Polyfill是一种补充代码，旨在将新的API带回到旧环境中，使之具有向后兼容性。对于startsWith函数，可以通过判断...
IE浏览器上面无法直接使用startsWith 、endsWith 函数
qq_45618522的博客
03-16 1056
IE浏览器上面无法直接使用startsWith 、endsWith 函数 1.项目中需要有些地方需要兼容IE浏览器，遇到了无法使用startsWith,endsWith 函数的情况，查了一下是因为没有这两个函数 解决办法： //startsWith //首先判断该浏览器环境下该函数是否为一个方法 //下面就是indexOf函数的用法（） /** stringObject.indexOf(searchvalue,fromindex) searchvalue 必需。规定需检索的字符串值。 fromindex
SCRIPT438: 对象不支持“endsWith”属性或方法
清水的专栏
07-18 1624
ie8兼容性问题（endwith，startwith，trim） ie8浏览器不支持endsWith， trim()，startsWith等方法，在使用中就会遇见兼容性问题 解决方法： 重写上述方法： 1，trim、ltrim或rtrim 使用用正则表达式 String.prototype.trim=function(){ 　　 return this.replace(/(^\s*)|(\s*$)/g, ""); 　　 } 　　 String.prototype.ltrim=f...
解决解决对象不支持此属性或方法工具
06-06
解决解决对象不支持此属性或方法工具，当运行弄个程序，提示对象不支持此属性，即可以使用该工具
indexof、includes、starstWith、endsWith的区别
01-08
传统上javasc提供了indeof的方法用来确定一个字符串是否包含一个字符串，但es6有提供新的方法。 1.首先我们回顾一下传统的indexof方法 indexof()方法可以判断一个字符串是否包含另一个字符串，如果包含返回的是该字符串的下标，如果存在则返回-1 var arr=asdfg var a=arr.indeoxf(s) var b=arr.indexof(a) var c=arr.indexof(w) console.log(a)//1 console.log(b)//0 console.log(c)//-1 注：lastIndexOf和fistIndexOf与
antdesign + react项目 在IE11浏览器出现 ”TypeError: 对象不支持“startsWith”属性或方法“的解决办法
ajrdbrjckt的博客
06-27 6863
github个人主页：https://github.com/ichanghe，欢迎star 在React项目中使用了create-react-app 脚手架，项目在IE浏览器上出现了”TypeError: 对象不支持“startsWith”属性或方法“的报错。 解决办法就是安装babel-polyfill。 第一步：安装 cnpm installbabel-polyfill --s...
ruby：TypeError: 对象不支持此属性或方法（<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolink）
热门推荐
kevin的博客
03-14 1万+
我整理了一下 目前有三种方法，我是windows 7 64位， 答案中很多人是win8也成功了。 方法1：找到当前项目下 app/javascripts/applications.js  把里面的//= require_tree .  这一行删掉，  重启rails server ，刷新页面（我运气好，这个就成功了，但是按照国外大神们说，这个貌似治标不治本） 方法2：安装 no
js中startsWith 函数不能在任何浏览器兼容的问题
hsany330的专栏
08-15 1871
转载：http://blog.csdn.net/q1059081877q/article/details/49912583 在做js测试的时候用到了startsWith函数，但是他并不是每个浏览器都有的，所以我们一般要重写一下这个函数，具体的用法可以稍微总结一下 在有些浏览器中他是undefined 所以我们可以这样的处理一下、 [html] view plain
ie不支持startWith和endWith
蔚然成风
11-04 694
在IE浏览器中使用了endWith()方法，发现不支持，百度后总结如下： $(function(){ //startsWith方法 String.prototype.startsWith = String.prototype.startsWith || function (str) { var reg = new RegExp("^" + str); return reg.test(this); } //endWith方法 String.prototype.endsWith =
IE浏览器不支持“startsWith”方法
夏桑菊泡面
01-28 1901
  扩展startWith方法 String.prototype.startWith=function(str){ if(str==null||str==""||this.length==0||str.length&gt;this.length){ return false; } if(this.substr(0,str.length)==str){ return true; ...
uniapp用不了str.startsWith方法
05-24
UniApp 是基于 Vue.js 框架开发的跨平台应用开发框架，支持编译成多个平台，包括 H5、小程序、App 等等。在 UniApp 中使用 JavaScript 的 API 和语法时，需要注意其运行环境，比如在小程序中，可能会有一些 API 和语法不支持。 `str.startsWith()` 是 ES6 中新增的字符串 API，其在一些老版本的浏览器和小程序中可能不支持。 如果你在 UniApp 中使用 `str.startsWith()` 方法时报错，可以考虑使用其他方式来实现功能，比如使用正则表达式或者 `indexOf()` 方法等。下面是一个使用 `indexOf()` 方法来判断字符串是否以指定字符串开头的示例代码： ```javascript if (str.indexOf('prefix') === 0) { console.log('字符串以 prefix 开头') } else { console.log('字符串不以 prefix 开头') } ``` 当然，如果你的 UniApp 版本较新，支持 ES6 的话，也可以使用 `startsWith()` 方法。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值