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

最新推荐文章于 2024-09-15 07:52:06 发布
最新推荐文章于 2024-09-15 07:52:06 发布
阅读量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元/天 解锁文章
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与
对象不支持“startsWith”属性或方法
litCabbage的博客
04-08 4550
项目兼容性问题 开发环境 360浏览器 vue "^2.5.17" vue-cli3 问题 对象不支持“startsWith”属性或方法 startsWith()方法用来判断当前字符串是否是以另外一个给定的子字符串“开头”的，根据判断结果返回 true 或 false。 查阅MDN，发现ie根本就不支持，因此使用ie内核的360浏览器必然也不支持 解决方案 这个是e...
core.js 开源项目教程
最新发布
gitblog_00930的博客
09-15 904
core.js 开源项目教程 core.js Lightweight framework for scalable applications 项目地址: https://gitcode.com/gh_mirrors/cor/cor...
SCRIPT438: 对象不支持“endsWith”属性或方法
清水的专栏
07-18 1681
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...
【React】IE 11发报“对象不支持startsWith属性或方法”异常解决方案
taoerchun的专栏
01-24 3556
转载于：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 3081
吐槽： google浏览其中用到的startsWith函数IE中竟然没有，可恨的是IE11都没有。 解决办法： 1. 通过正则表达式进行判断 startsWith替换方案 if(/^serial=.*$/g.test(dns[i])){//dns[i]要匹配的字符串，前面表示以serial=开头 serial=decodeURIComponent(dns[i].substring(7)) }...
antdesign + react项目 在IE11浏览器出现 ”TypeError: 对象不支持“startsWith”属性或方法“的解决办法
ajrdbrjckt的博客
06-27 6897
github个人主页：https://github.com/ichanghe，欢迎star 在React项目中使用了create-react-app 脚手架，项目在IE浏览器上出现了”TypeError: 对象不支持“startsWith”属性或方法“的报错。 解决办法就是安装babel-polyfill。 第一步：安装 cnpm installbabel-polyfill --s...
扩展ie中不兼容的startsWith,endsWith方法
u010999809的博客
12-24 2896
最近发现之前项目的代码在ie11下没法正常运行，报的错是 对象不支持“startsWith”属性或方法 之后我顺便也试了下endsWith，发现也不行 之前看javascript权威指南时，里面说过可以通过扩展原型方法来添加一些操作 网上找了个链接https://www.jb51.net/article/45419.htm参考下。 我的总体思路是：1.如果浏览器支持starts...
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
10-20
为了解决startsWith在不支持的浏览器中的兼容性问题，开发者通常需要采用polyfill（填充脚本）。Polyfill是一种补充代码，旨在将新的API带回到旧环境中，使之具有向后兼容性。对于startsWith函数，可以通过判断...
扩展IE中一些不兼容的方法如contains、startWith等等
09-04
在早期的Internet Explorer（IE）浏览器版本中，确实存在对一些现代JavaScript方法的不兼容性，比如`String.prototype.contains`、`String.prototype.startsWith`以及`Array.prototype.indexOf`。这些方法在其他现代...
详解React项目中碰到的IE问题
10-17
本文就详细探讨了在React项目中遇到的IE兼容性问题，提供了具体的解决示例。 首先，我们看到了一个关于字符串操作的问题。字符串方法startsWith在IE11中没有实现，导致应用报错。startsWith方法是ES6规范中的一个...
js上传前预览图片，兼容IE,firefox,google
05-03
3. **跨浏览器兼容性**：对于不支持File API的IE浏览器，我们可以利用Flash或Silverlight插件来实现类似的功能，但这种方式已经逐渐被淘汰，因为现代浏览器对File API的支持越来越好。另一种方法是使用`...
IE浏览器上面无法直接使用startsWith 、endsWith 函数
qq_45618522的博客
03-16 1117
IE浏览器上面无法直接使用startsWith 、endsWith 函数 1.项目中需要有些地方需要兼容IE浏览器，遇到了无法使用startsWith,endsWith 函数的情况，查了一下是因为没有这两个函数 解决办法： //startsWith //首先判断该浏览器环境下该函数是否为一个方法 //下面就是indexOf函数的用法（） /** stringObject.indexOf(searchvalue,fromindex) searchvalue 必需。规定需检索的字符串值。 fromindex
react+antd项目在IE下报对象不支持startsWith属性或方法
一个慢的博客
04-10 2736
出问题的startsWith在antd模块里，所以跟自己写的代码无关，是antd的兼容性问题。 出问题的浏览器是IE，上网查了些资料发现IE浏览器不支持该属性 浏览器支持情况： 看了网上的好多种解决方案，他们跟我的项目都不完全一致所以没法直接拿来用，记录下自己的解决办法。 需要引用babel-polyfill来解决兼容问题 我的项目是react+antd+webpack 安装：ba...
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
IE浏览器不支持“startsWith”方法
夏桑菊泡面
01-28 1917
  扩展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; ...
ie不支持startWith和endWith
蔚然成风
11-04 719
在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 =
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、付费专栏及课程。

余额充值