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

Javascript在JSfiddle中工作,但不能在Chrome或IE中工作

问题:Javascript在JSfiddle中工作,但不能在Chrome或IE中工作。

回答: 这个问题可能是由于浏览器兼容性问题导致的。不同浏览器对Javascript的解析和执行有一些差异,因此在某些情况下,代码在一个浏览器中可以正常工作,但在另一个浏览器中可能会出现问题。

解决这个问题的方法有以下几种:

  1. 检查代码:首先,需要仔细检查代码,确保没有语法错误或逻辑错误。可以使用开发者工具(如Chrome的开发者工具)来查看控制台中是否有任何错误信息。如果有错误,需要根据错误信息进行相应的修复。
  2. 浏览器兼容性:确保代码在不同浏览器中都能正常工作,可以使用一些浏览器兼容性的工具或库,例如Babel或Polyfill。这些工具可以将代码转换为兼容性更好的版本,以确保在不同浏览器中都能正常运行。
  3. 更新浏览器版本:如果代码在某个特定版本的浏览器中无法工作,可以尝试更新浏览器到最新版本。新版本的浏览器通常会修复一些兼容性问题,并提供更好的支持。
  4. 使用浏览器兼容性库:如果代码中使用了一些较新的Javascript特性,而在某些浏览器中不被支持,可以考虑使用一些浏览器兼容性库,例如jQuery或Modernizr。这些库可以提供对不同浏览器的兼容性支持,使代码能够在各种浏览器中正常工作。

总结: 在解决Javascript在JSfiddle中工作但不能在Chrome或IE中工作的问题时,需要仔细检查代码、处理浏览器兼容性、更新浏览器版本以及使用浏览器兼容性库等方法。这样可以确保代码在不同浏览器中都能正常运行。

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

相关·内容

JavaScript 对象的深拷贝(及其工作原理)

正文共:1300 字 预计阅读时间:6 分钟 作者:Chris Chu 翻译:疯狂的技术宅 来源:alligator 如果你打算用 JavaScript 进行编码,那么就需要了解对象的工作方式。...对象是 JavaScript 最重要的元素之一,深入理解了它会使你在编码时得心应手。克隆对象时,它并不像看起来那么简单。 当你不想改变原始对象时,就需要克隆对象。...那么让我们 JavaScript 创建一个对象: 1let testObject = { 2 a: 1, 3 b: 2, 4 c: 3 5}; 在上面的代码片段,我们初始化一个新对象并将其分配给变量...如果将 configurable writable 设置为 false,则复制对象的属性描述符将会默认为 true。 ---- 那么应该怎样正确的复制对象?... externalObject 为 animal 属性赋值一个新值将改变 originalObject 和 shallowClonedObject,因为浅拷贝只能将引用复制到 externalObject

2.2K30

函数表达式JavaScript是如何工作的?

JavaScript,函数表达式是一种将函数赋值给变量的方法。函数表达式可以出现在代码的任何位置,而不仅仅是函数声明可以出现的位置。...函数表达式的语法如下: var myFunction = function() { // 函数体 }; 上述代码,将一个匿名函数赋值给变量myFunction。...函数表达式的工作方式如下: 1:变量声明:使用var、letconst关键字声明一个变量,例如myFunction。 2:函数赋值:将一个函数赋值给该变量。函数可以是匿名函数,也可以是具名函数。...这样的函数函数内部和外部都可以通过函数名来调用自身。...因此,使用函数表达式之前,需要确保该表达式已经被赋值。此外,函数表达式还可以根据需要在运行时动态创建函数,具有更大的灵活性。

17050

5个你可能不知道的CSS属性

每年都有新的CSS属性被标准化,并在主流浏览器可用。 它们旨在使Web开发人员的工作变得轻松,创造出新颖美丽的网站。...这个功能在浏览器的支持程度仍然很低,但情况会很快得以改善。使用浏览器前缀的情况下, Chrome 49+,Firefox 46+和Opera 36+都支持这个属性。...这个例子的属性如下所示 JSFiddle上也能看到....:内容垂直排列,从上到下,从右到左阅读,在所有的排版方式,即使是垂直版式,字的顶部都是向右。 最后两个值目前仅有Firefox支持。 想了解这个属性如何工作, 请看 a JSFiddle....好消息是,Chrome 53+,Opera 43+,Firefox 52+,Safari 10和Android目前支持此属性。 (IE和Microsoft Edge不支持)。

1.2K80

Wijmo 更优美的jQuery UI部件集:通过jsFiddle测试Wijmo Gauges

因为Wijmo gauges使用到了基于浏览器能力的SVG或者VML,这些是“无插件网页”的一个重要的部分(正在被iOS移动设备上的Safari和Windows8间的Metro IE大力推广),也是我们可以这样摆弄他们的原因...然后向JavaScript窗格添加以下JavaScript代码: ? 现在,单击顶部的运行按钮,你会看到一个非常基本的仪表出现在结果窗格! ? 第四步:变得更花哨! 酷!...这样,仓库的工作人员可以追踪他们的进展,我们将添加一些彩色的范围并且扩大仪表盘显示的值的范围,同时加上其他的一些样式选项。...所有我们通过jsFiddle构建的代码可以直接复制到一个HTML页面,直接就可以工作。但是别忘记添加引用!...将jsFiddle HTML窗格的内容放置到页面的,同时 将JavaScript的内容放置script标签之间(通常会放置$(‘document’).ready()块的内部)。

95080

数往知来:一次浏览器兼容工作的知识点分析

;兼容工作的重点已经从几年前的样式统一转变为PC端和移动端对新特性的支持和妥协,除了能更好更全面的满足用户,开发者了解优雅降级的兼容化思路,也是可以普遍应用在各项工作的 开车!...目标用户 该产品为 toB 形态,主要面对部分可控的目标用户,大部分可以指导下使用较新的chrome浏览器,但不排除一些用户使用firefox甚至IE的情况,所以针对该项目的主要目标就是让低版本IE用户处于...如果content值包含chrome=1,则表示支持Google Chrome Frame外挂插件(IE外观下调用chrome内核浏览的挖墙脚插件;相应的也有个IETab用来chrome/firefox.../10 总结 至于零零碎碎的 IE css hack , classList 等,就不展开细说了;通过以上总结和梳理,发现了很多我们已经习以为常的用法背后的原理,以及一些技术的发展脉络,相信以后的应用...,会对相关技术更加心中有数,也能在其他工作,更合理的分析和取舍 ?

97710

【黄啊码】我用这个方式清理了谷歌浏览器的控制台

如果您使用console.clear() ,似乎工作。 请注意,它会输出一个“控制台被清除”的信息。 我测试了这个通过收集了大量的JavaScript错误。...另外,我只Chrome中试过,所以我不知道它是如何跨浏览器。 编辑: 我ChromeIE,Firefox和Operatesting了这个。...它可以Chrome,MSIE和Opera的默认控制台中使用,但不能在Firefox中使用,但是它可以Firebug中使用。..._inspectorCommandLineAPI.clear() 这是工作 Chrome控制台上用鼠标右键单击,我们可以select清除控制台 Chrome中进行本地debugging时,我使用以下命令来...基于Cobbal的回答 ,这是我所做的: 我的JavaScript我把以下内容: setInterval(function() { if(window.clear) { window.clear()

1.1K20

15·灵魂前端工程师养成-JavaScript历史

学习JS的基本要求 JavaScript的历史 JavaScript爆发 -曾老湿, 江湖人称曾老大。 ---- -多年互联网运维工作经验,曾负责过大规模集群架构自动化运维管理工作。...比如: 把0写成O 把iOS写成IOS或者ios ... 3.抽象能力 程序猿的世界,很多东西我们都可以看做是同一类型的东西。...IE6会让你当场司机,突然去世... ---- 让IE死亡的浏览器 Chrome 横空出世 因为微软的懈怠,解散了IE6的开发团队,后来Firefox的出现,让微软重新组织了一个团队,但不是一个团队...,IE7和IE8一直问题不断 谷歌抓住机会: 2004年:谷歌雇佣了一些Firefox和IE的开发者 2008年:Chrome终于发布,迅速拿下1%的市场份额 2011年:Chrome的市场份额超过...Firefox 2016年:Chrome全球份额62% 谷歌宣传广告(主打速度快):传送门  JavaScript爆发 ---- V8快如闪电 Chrome的JS引擎叫做V8(V1-V7,每一个

29610

构建自己的JavaScript模板小引擎

首先我们先来定义我们需要的模板,id为template的script块里: <!...) .replace( /\{\{imgSrc\}\}/, data[i].imgSrc ); } result.innerHTML = fragment; 运行效果:http://jsfiddle.net.../TomXu/3GKw2/ 第二种方式比较灵活,是通过正则表达式来替换所有花括号的值,而无需一个一个替换,这样相对来说比较灵活,但是要注意模板标签可能在数据里不存在的情况: template =...HandleBars.js Mustache.js 参考原文:http://net.tutsplus.com/tutorials/javascript-ajax/create-a-makeshift-javascript-templating-solution.../ 同步与结束语 本文已同步至目录索引:《大叔手记全集》 大叔手记:旨在记录日常工作的各种小技巧与资料(包括但不限于技术),如对你有用,请推荐一把,给大叔写作的动力

58821

【JS】408- 看一看 JavaScript 引擎是什么

最初,JavaScript能在 Web 浏览器运行,但是随着 Node 的出现,现在 JavaScript 也可以服务端运行。...本文中,我们仅探讨一个问题:JavaScript 是如何工作的? JavaScript 引擎 这是本文将要探索的主要内容,它负责使计算机理解我们编写的 JS 代码。...下面是一些我们日常可能会用到的 JavaScript 引擎: Chakra, Microsoft IE/Edge SpiderMonkey, FireFox V8, Chrome 除此之外的其它引擎,可以自行搜索了解...它仍然需要像虚拟机Javascript V8 引擎这样的中间件才能将其转换为机器可读的语言。...JavaScript 引擎的整体工作原理就是这样。相信您无需学习 JavaScript 也可以理解。当然,您甚至可以不知道 JavaScript 如何工作的情况下编写代码。

72120

最详细、最全面的 Babel 小抄

Babel 是一个工具链,主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器其他环境。...Babel 怎么知道我要支持 IE 浏览器,如果我只使用 Chrome,那么这个转换不是多余了么?而且不仅仅是浏览器,Babel 桌面端、node 的场景都不少,它是怎么精确控制转换的?...91 chrome 90 chrome 89 chrome 87 chrome 85 edge 91 firefox 89 firefox 88 ie 11 ios_saf 14.5-14.7 ios_saf...babel-plugin-proposal-xx:用来编译和转换提案的属性, Plugins List[21] 可以看到这些插件,比如 class-properties[22]、decorators...: https://jsfiddle.net/ [19] JS Bin: https://jsbin.com/?

68110

前端开发介绍(包含调试什么的)

png-8不支持alpha透明,IE6下需要一个JS透明滤镜来处理。  图片格式与设计那点事儿 Web性能优化:图片优化 2)....裁剪命令:F6  由原来的3键优化为一键,另外一个是裁剪工具(C),裁剪工具对整个画面的破坏力比较大,且不易控制,尤其PS的版本升级对这个工具进行了优化。而这个命令相对更为轻量方便。...复制图层 Ctrl+ / 原有位置菜单栏:图层->复制图层  这个快捷键,可以快速的把原始PSD的一个多个图层复制到一个新文件当中。  演示: ? 3)....ChromeJavaScript调试工具当真是目前功能最为强大的工具,没有之一 格式化代码 查看元素绑定了哪些事件 快速的根据勾子找到核心代码区域 高效的利用工作区,进行远程调试 利用Profiles...虚拟机 因为IETester并不能真实的模拟IE6,所以有些特殊的Bug只能到虚拟机真实的环境调试,直接的IE6上可以安装IETester的Debugger插件,可以方便的解决一些Bug。

1.3K30

Edge 拥抱 Chromium 对前端工程师意味着什么?

Edge 目前有许多不支持的功能,但是这些功能在其他现代浏览器是可用的,一旦他们进行了切换,马上就可以用了。而且它有很多不能被修补解决的问题,所以这个版本是一个大麻烦。...虽然用 JavaScript 实现类似的东西很简单的,但是 和 元素即使 JavaScript 被禁用加载失败时也能工作。 ?...它允许你文本框输入字符时设置闪烁光标的样式。 # 8位十六进制颜色表示法 代码库中保持一致性很重要。这包括固定使用 RGB、十六进制 HSL 颜色格式的某一个。...# CSS :placeholder-shown 的伪元素 placeholder-shown 甚至可以 Internet Explorer 中使用,但不知何故从未在 Edge 实现。...如果你的网站在Chromium 浏览器没有错误,那么在其它浏览器可能工作的都很好。

1.3K30

揭开 JavaScript 引擎的面纱

前言 ---- 最初,JavaScript能在 Web 浏览器运行,但是随着 Node 的出现,现在 JavaScript 也可以服务端运行。...下面是一些我们日常可能会用到的 JavaScript 引擎: Chakra, Microsoft IE/Edge SpiderMonkey, FireFox V8, Chrome 除此之外的其它引擎,可以自行搜索了解...它仍然需要像虚拟机Javascript V8 引擎这样的中间件才能将其转换为机器可读的语言。...这就是为什么我们的浏览器可以在上述5个阶段借助 JavaScript 引擎 Interpreter 执行 ByteCode 的原因。...JavaScript 引擎的整体工作原理就是这样。相信您无需学习 JavaScript 也可以理解。当然,您甚至可以不知道 JavaScript 如何工作的情况下编写代码。

58710

详析获取标签

浏览器支持程度: Chrome、Firefox、IE9+(包含IE9)都支持 通过标签名获取标签 CSS的三个基本选择器有ID名选择器、类名选择器、标签名选择器,使用ID名和类名都能正常的获取标签,那能不能通过标签名来获取标签...); 浏览器支持程度: IE6+、Chrome、Firefox都支持 我们应该都知道标签选择器的选中范围比较广,不能够很精确的选中标签,那getElementsByTagName()方法与标签选择器类似...另外,name属性可以重复出现(比如表单的单选按钮通常具有相同的name属性),因此getElementsByName()方法返回的结果是以类似数组的形式返回(语法与数组类似,但不属于数组)。...浏览器支持程度: IE9-(包括IE9)不支持非表单元素的获取,IE10+、Chrome、Firefox支持非表单元素的获取;比如:陈能堡 使用querySelector...浏览器支持程度: IE8+(包括IE8)、Chrome、Firefox都支持 3 课程小结 学习多种获取标签的方法目的在于能够灵活的获取网页的标签,便于操作网页的标签; 今天所接触的获取标签的方法:

2K90

当你浏览器输入“google.com”并回车,会发生什么?

但浏览器可能已经渲染了搜索框并且正在顶部的工具栏上工作,这将需要一些额外的网络请求 - 我可能已经有一个cookie或可能是带有OAuth令牌的本地存储 - 我可能是使用Chrome并且它已经知道我是谁...他们可能在浏览器上看看我是否未使用 chrome, 在这种情况下, 他们会有弹出一个工具栏提示, 告诉我:chrome 是真的很棒, 我应该使用它, 而不是其他任何浏览器。...我的答案可能提到了这一点。 ▶ 出乎意料的是,Chrome的响应体大了22kB。我想知道它是否是由IE 11明显缺席的语音搜索功能引起的。...IE11可能需要polyfill和Chrome的广告,但它都被混淆了,我不会再进一步折磨自己了。 ▷ 即使我Chrome清除了Cookie,它仍会在第一次请求时发送Cookie。...它在IE 11并没有这样做。 深入理解渲染! 上图是Chrome将为你提供的第一个屏幕截图。 ▶ 脚本标签没有任何asyncdefer属性,只有nonce属性。

1.6K20
领券