背景
JSFiddle是前端开发者们经常使用的在线代码编辑器，它可以方便地创建和共享代码片段，并支持多种框架和库。然而，有时候我们可能会遇到这样的问题：明明代码没有错误，但是在JSFiddle中却无法正常运行。
原因
造成这个问题的原因有很多，以下是一些可能的原因：
- JSFiddle的设置问题：默认情况下，JSFiddle使用的是“onLoad”选项，这意味着代码会在页面加载完毕后才执行。如果你的代码需要在页面加载之前就执行，那么可能会出现问题。
- 浏览器安全问题：浏览器通常会限制代码对跨域资源的访问，例如从一个http网址向一个https网址发送请求。如果你的代码包含了跨域请求，那么可能会被浏览器拦截。
- 代码逻辑问题：代码中可能存在语法错误、变量命名错误等问题，导致代码无法正确执行。
解决方法
针对以上原因，我们可以尝试以下解决方法：
- 修改JSFiddle的设置：在JSFiddle的“JavaScript”选项卡中，将“onLoad”选项改为“No wrap - in head”或“No wrap - in body”，以便在页面加载之前就执行代码。
- 修改跨域设置：可以使用JSONP、CORS等技术来解决跨域问题，或者通过在服务器端代理请求来规避跨域问题。
- 检查代码逻辑：仔细检查代码中的语法错误、变量命名错误等问题，并尝试在本地环境下运行相同的代码以验证其是否可行。
示例代码
下面是一个示例代码，在JSFiddle中默认情况下无法正常运行，但是通过修改选项卡中的设置，可以使其正常运行：
------
------
--------
------------- - ---------- -
----------------------------------------- - ------- --------
--
---------
-------
------
---- ----------------
-------
-------结论
虽然JSFiddle是一款方便快捷的在线代码编辑器，但是在使用过程中也会遇到一些问题。通过了解可能出现的原因和解决方法，我们可以更好地利用JSFiddle进行前端开发，并提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10808