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

我有这个代码,它可以在JSFiddle中工作,但不能在我的网站上运行

问题描述:我有这个代码,它可以在JSFiddle中工作,但不能在我的网站上运行。

回答: 这个问题可能是由于以下几个原因导致的:

  1. 网站环境不同:JSFiddle是一个在线的代码编辑器和运行环境,它提供了一个完整的前端开发环境,包括HTML、CSS和JavaScript。而你的网站可能使用了不同的技术栈或者框架,导致代码无法正常运行。你需要确保你的网站环境与JSFiddle中的环境一致,包括使用相同的前端框架、库和版本。
  2. 依赖项缺失:在JSFiddle中,你可能使用了一些第三方库或者插件,但是在你的网站上没有正确引入这些依赖项。你需要检查你的代码中是否有引用外部库或者插件,并确保这些依赖项在你的网站中正确引入。
  3. 浏览器兼容性问题:JSFiddle中的代码可能在某些浏览器中能够正常运行,但在其他浏览器中出现问题。你需要检查你的代码是否使用了一些不被某些浏览器支持的特性或者语法。可以使用浏览器的开发者工具来查看错误信息,并根据错误信息进行修复。
  4. 网络请求问题:如果你的代码涉及到网络请求,可能是由于跨域问题导致无法在你的网站上运行。你需要确保你的网站与请求的目标服务器在同一个域名下,或者进行跨域请求的配置。

总结起来,要解决这个问题,你需要检查网站环境、依赖项、浏览器兼容性和网络请求等方面的问题,并进行相应的调试和修复。如果问题仍然存在,可以提供更多的代码和错误信息,以便更好地帮助你解决问题。

相关搜索:Javascript函数可以在JSFiddle上工作,但不能在我的HTML文档中工作?Javascript代码可以在JSFiddle中运行,但不能在浏览器中运行为什么我的代码可以在pycharm中工作,但不能在visual studio代码中工作?为什么我的代码可以在Xcode Playground中运行,但不能在我的项目中运行?这个脚本可以在我的桌面上运行,但不能在safari中运行我的SQL请求可以在SQL中工作,但不能在PHP中工作为什么我在hover上的add类可以在Jsfiddle上工作,而不能在我的网站上工作?我是不是在标题中遗漏了什么?javascript可以在小提琴中工作,但不能在我的html中工作我不能在python控制台上运行它,但是我可以在python shell中运行。Express端点可以在Postman中工作,但不能在我的应用程序中工作我的python程序可以在Linux上运行,但不能在Widows上运行?ifconfig可以在linux终端上运行,但不能在我的应用程序中运行无法使用Selenium在youtube中向下滚动(我的代码可以运行某些网站,但不能在Youtube上运行)PHP flush()显然可以在我的Linux机器上运行,但不能在我的Windows机器上运行?我的应用程序可以在模拟器上运行,但不能在我的设备上运行为什么我的angular函数可以在Android和Windows中运行,但不能在iOS中运行?为什么我的Post api可以在postman中运行,但不能在react原生应用中运行为什么我的“哦我的Zsh”主题可以在WebStorm中工作,但不能在iTerm2或终端中工作?我的代码可以在codepen上运行,但不能在我的浏览器中运行。我想先获取getelementbyid,然后在控制台上获取该元素更新的API在本地工作,但不能在Heroku上运行,即使它使用更新的代码
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

网页开发6种在线调试环境

浏览器是最合适效果查看工具,所以很多人想到,代码调试环境也可以直接部署浏览器,以网站形式提供服务。...下面,根据Design Shack文章,总结一下目前最常见6种网页开发在线调试环境。它们大大方便了网页设计师工作,极大地提供了工作效率。...左侧两个面板,可以分别输入html和css代码但不支持Javascript调试。 你可以改变"预览区"背景颜色,可以保存或下载调试完成代码。...特点在于,你可以选择某种代码独占整个编辑区,这样就增大了代码编辑可视空间。另外,它可以实时显示代码运行结果,这是jsFiddle不支持。...用户可以HTML、CSS、Javascript三个面板中切换,输入相应代码代码运行结果,会自动显示背景网页上。最后一个面板,显示是整个网页源码。 (完)

2.2K30

30个前端开发人员必备顶级工具

输入数值,预览结果,抓取生成代码运行。...为确保SVG代码干净整洁,使用SVG优化器已成为前端开发人员工作流程必不可少步骤。 以下是两个出色SVG优化器,它们被专业开发人员广泛使用。...顾名思义,这个库是纯CSS预包装效果,你会发现:像弹跳和闪烁效果、后方入口和出口、淡入和淡出等引人注意效果,以及其他大量效果。...以下是功能列表: 你可以通过文本框输入要测试站点URL,或从任何地方使用浏览器上“Am I RWD”书签来从该应用程序网站中使用该应用程序。...由其团队定义如下: CodePen是一个社交化开发环境。从本质上讲,允许你浏览器编写代码,并在构建时查看其结果。

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

    现在,单击顶部运行按钮,你会看到一个非常基本仪表出现在结果窗格! ? 第四步:变得更花哨! 酷!我们现在可以快速测试这个仪表不同样式和属性。...第五步:手机测试 因为所有这一切都是浏览器内部代码和图形渲染得支持下完成,你可以iPad或者其他移动设备上运行jsFiddle。...下面的截图就是iPad上运行结果: 不错,机场候机时间变得更有成效! ? 第六步:制作一个真正应用程序 因为这只是纯粹客户端代码,仪表可以简单通过向其提供一个新值改变。...所有我们通过jsFiddle构建代码可以直接复制到一个HTML页面,直接就可以工作。但是别忘记添加引用!...创建了一个简单HTML页面以演示这样如何工作: Download Wijgauge HTML sample。你可以直接在浏览器或者在任何你喜欢HTML编辑器打开这个文件 。

    98580

    没有服务器,也能做网站!?

    几种简单免费上线网站方法 大家好,是鱼皮,最近一些小伙伴问我:怎么能把自己开发好站上线给别人访问?...云编程环境 随着前端技术发展,现在云端编程环境(云 IDE)已经越来越流行,比如 CodePen、JSFiddle、GitPod 等平台,可以支持你在线编写代码、实时查看运行效果,还可以保存代码、将写好网站直接分享给别人浏览...静态网站托管服务 不过就现在这个情况,不建议大家用国外托管服务,时不时就抽抽两下导致网站无法访问了。国内托管服务虽然做 “就那样” 吧,但起码网站访问速度还是保障。 3....对象存储 我们可以把对象存储想象为盘,可以将图片、音视频等文件放上去存储,也可以预览和下载已上传文件。...之前分享过一个 实现内网穿透小软件 ,感兴趣同学可以看看~ OK,使用以上几种方法,已经能够满足我们临时上线一个网站需求了。

    6.5K20

    用Jquery做一个进度条

    英语水平来估计,要看一个月……只能慢慢来了。     为什么想自己做一个进度条,是看了网上很多进度条插件感觉不满意,才想自己做一个。...又忍不住吐槽网上那些垃圾网站了,看十篇八篇讲的是一样,其中又有一半copy不完整。而且这篇文章说到插件官已经不存在了,所以我并没有找到。        ...演示:https://jsfiddle.net/noiping/p4hd7n7f/ 0x01    做一个简单样式     这个进度条很简单,不用图片也不用flash。...这里还用到一个插件:“圆角插件”。很简单使用,我们需要其圆角div上,使用corner方法即可,这里不是重点,就不多说了。    ...直到i > 100时候,停止定时器。     于是,就完成了我们之前效果:https://jsfiddle.net/noiping/p4hd7n7f/

    2.2K31

    程序员常用资源工具集合(建议收藏)

    DuckDuckGo DuckDuckGo:https://duckduckgo.com/ 从官介绍来看这个搜索引擎不收集用户信息,而且没有广告。...Stack Overflow Stack Overflow:https://stackoverflow.com/ 我们如果常用 Google,很多技术问题答案就在这个站上,如果你无法使用 Google...可以这个站上直接检索就好了。...百度脑图:http://naotu.baidu.com/ 简洁在线思维导图工具 Gliffy:https://www.gliffy.com/ 我们可以 Chrome 浏览器上安装 gliffy 插件...可以在线创建流程图、UML图、线框图、BPNM、组织架构图等。 文档笔记平台 推荐几个常用国内外云笔记平台,比较常用应该是印象、有道、石墨,一些国外访问速度比较慢,影响体验。

    1.2K21

    构建自己JavaScript模板小引擎

    首先我们先来定义我们需要模板,id为templatescript块里: <!...:http://jsfiddle.net/TomXu/3GKw2/ 第二种方式比较灵活,是通过正则表达式来替换所有花括号值,而无需一个一个替换,这样相对来说比较灵活,但是要注意模板标签可能在数据里不存在情况...:http://jsfiddle.net/TomXu/HjSLf/ 这样,我们就可以做到,无限制定义自己标签和item属性了,而无需修改JS代码。...javascript-ajax/create-a-makeshift-javascript-templating-solution/ 同步与结束语 本文已同步至目录索引:《大叔手记全集》 大叔手记:旨在记录日常工作各种小技巧与资料...(包括但不限于技术),如对你有用,请推荐一把,给大叔写作动力

    59721

    推荐14个牛逼代码编辑网站,记得收藏哦!

    声明:本文收集与网络 今天将跟大家分享一些可以展示你代码网站,它们都提供在线预览功能,所以别人可以看到你代码如何运行。它们有时候也被称作“代码广场”。...这使得他们可以方便查看你代码并提供解决方案。 1、CodePen 网址:https://codepen.io CodePen上,你可以演示被称作 pens 代码。...Codepen很多方便你展示代码功能。例如,支持 SASS 和 LESS 语法,可以快速添加常用JS库如jQuery、Angular等。这里可以查看该网站上流行Pens。...这也是网站设计师和开发者终极游乐场,一个伟大测试、练习和展示你代码工具。非常喜欢,它可以非常方便为你代码添加第三方依赖。...当你运行代码时候,Ideone会为你和你代码reviewers显示运行结果。它也会为你列出发现编译错误。

    2.8K20

    JavaScript沙箱机制探秘:iFrame沙箱实现方案详解

    jsFiddle实例研究 前文中我们只是概述了iframe沙箱基本原理并且提供了一种简单实现方式,本篇,我们将结合jsFiddle实例探讨更详细实现方案。 ?...jsFiddle主页面如上图,我们输入了一段html代码、css样式和一段js代码result框里输出了执行结果,弹出了alert框。那么这个流程是怎么实现呢? 首先让我们从页面的代码入手。...sandbox通信 jsFiddle例子,他们采用提交表单方式iframe直接执行返回结果。...Socket.IO对websocket作了个较好封装,大大简化了其操作,兴趣同学可以看看。...然后,我们编写一个简单首页,这个首页包含一个iframe,用以sandbox载入第三方应用: <!

    4.5K10

    JQuery 文本输入框放大镜效果

    今年最早也是 12306官抢票 添加联系人 要填写电话号码中看到这种效果!如下图所示: ? 所以今天下午也就研究下这个,特此分享出来给大家!...也做了一个简单DEMO jSFiddle链接地址如下: JSFiddle链接: 想要查看效果!请轻轻点击!  基本原理: 其实基本原理也很简单!...通过JS不断监听输入框值变化(通过jquerykeyup事件),值的话 把内容值赋值给那显示div上去。...虽然网上有很多 关于 oninput && onpropertychange 实时监听输入框值变化。但是也试了下 window7 IE下有问题 特别是IE9下 严重问题!就是不支持这个东西!...所以也没有用这个来监听。至于KISSY "valueChange"事件方法 有空时候 想偷下他们代码 来改造下!呵呵!

    2.7K30

    java在线编辑_十大在线编译器(IDE),干货收藏!

    项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他博客等网页。...CodePen(前端代码编辑运行网站) ① CodePen 是一个完全免费前端代码托管服务,主要功能有: 即时预览。你甚至可以本地修改并即时预览别人作品。.../angular.js在线编辑器 ② 地址:http://jsrun.net/ ③ 图示 编辑界面 (图 3-1和 图 3-2) 4. jsFiddle(前端代码编辑运行网站) ① jsFiddle... jsFiddle 编辑代码,可以保存,也可分享给其他人,还可嵌入到其他网页 ② 地址:https://jsfiddle.net/ ③ 图示 编辑界面 (图 4-1) 5....JDoodle (C,C ++和Java在线IDE) ① 支持协作代码只是从一个简单文本区域开始,您可以粘贴代码,然后单击运行。您可以更改命令行参数并在运行该程序之前设置stdin。

    15.2K21

    2 - 哪里可以运行 JavaScript?

    那问题来了,该在哪里运行或使用它? 日常 4 个地方运行 JavaScript: 1.浏览器控制台 浏览器控制台对任何人来说是运行 JavaScript 最简单方法。...几乎所有的浏览器都有开发者工具包括运行脚本控制台。因为我们多数人会接触到浏览器,所以这是最便捷方式: 2.终端 是的,控制台。...安装 node 之后,它会给你提供一个 REPL 界面: 3.在线沙箱 很多在线网站提供了 JavaScript playground 或 sandbox。...试一试,下面是一些喜欢:PlayCode[1], JSFiddle[2], Code Sandbox[3],JSBin[4] 和 StackBlitz[5]。...4.代码编辑器 若你没有代码编辑器,你应该安装一个。付费像 JetBrains 出品 IntelliJ 和 WebStorm 同样也有免费选择 VSCode 和 Sublime Text。

    1.4K30

    为什么43%前端开发者想学Vue.js

    以下是该视频文字版本。 伟大JavaScript迁移 如你所知,JavaScript在过去10年已经成熟了很多,而且服务器端正常运行大部分代码已经迁移到浏览器中了。...不打算告诉你为什么一个比另一个更好,虽然官方网站一个详细比较。 Vue.js旨在成为一个平易近人,多功能,高性能,可维护性,可测试JavaScript框架。...甚至可以把数量设置为零,得到了库存,添加按钮也仍然可以工作。 ? 你可以完成这个版本项目的后,去JSFiddle运行,当然也可以去汇智(www.hubwiz.com)运行。...当然你也可以去试试在线方式全网性价比最好汇智vue.js课程: http://www.hubwiz.com 最后,要感谢Evan You,Chris Fritz,Sarah Drasner,和帮助我创造这个内容及视频...汇智,小智翻译。内容修改。

    1.3K20

    主流java编译器_程序猿专用十大在线编译器(IDE)整理

    /angular.js在线编辑器 ③ 图示 编辑界面 (图 3-1和 图 3-2) 4. jsFiddle(前端代码编辑运行网站) ① jsFiddle 是一个Web开发人员练习场,可在线编辑和测试... jsFiddle 编辑代码,可以保存,也可分享给其他人,还可嵌入到其他网页 ③ 图示 编辑界面 (图 4-1) 5....这个 工具 提供许多强大功能,允许 程序员 快速高效编译源代码 ③ 图示 编辑界面 (图 5-1 和 图 5-2) 6....JDoodle (C,C ++和Java在线IDE) ① 支持协作代码只是从一个简单文本区域开始,您可以粘贴代码,然后单击运行。您可以更改命令行参数并在运行该程序之前设置stdin。...OnlineGDB (在线C,C ++,Java,PHP编译器) 常用 ① 支持C,C ++,PHP和Java编译器。OnlineGDB独特功能是,您可以逐步调试您代码

    2.9K10

    程序员最喜欢用在线IDE代码编译器,什么?你竟然不知道!

    2.网址 https://www.tutorialspoint.com/codingground.htm 其实并不单单是一个在线编译器,上面还包括了在线终端,在线编辑器,在线 IDE 等,代码块也可以内嵌到网页...*7 7.网址:https://jsfiddle.net/ 可在线编译运行 HTML、CSS、JavaScript代码片段。... jsFiddle 编辑代码,可以保存, 可分享给其他人, 可嵌入到其他网页 ? 8.网址:https://www.ideone.com/ Ideone是支持60种语言线编译和调试工具。...这个工具提供许多强大功能,比如可以使程序员快速高效编译源代码 。 ? 9....家境贫寒,总得向这个世界低头,所以我一直奋斗,想改变命运给亲人好生活,希望同样被生活绑架可以通过自己努力改变现状,深知成年人世界里没有容易二字。

    2.8K20

    Java 常用资源工具集合

    DuckDuckGo DuckDuckGo:https://duckduckgo.com/ 从官介绍来看这个搜索引擎不收集用户信息,而且没有广告。...Stack Overflow Stack Overflow:https://stackoverflow.com/ 我们如果常用 Google,很多技术问题答案就在这个站上,如果你无法使用 Google...可以这个站上直接检索就好了。...百度脑图:http://naotu.baidu.com/ 简洁在线思维导图工具 Gliffy:https://www.gliffy.com/ 我们可以 Chrome 浏览器上安装 gliffy 插件...可以在线创建流程图、UML图、线框图、BPNM、组织架构图等。 文档笔记平台 推荐几个常用国内外云笔记平台,比较常用应该是印象、有道、石墨,一些国外访问速度比较慢,影响体验。

    1.1K10

    程序员常用资源工具集合(建议收藏)

    DuckDuckGo DuckDuckGo:https://duckduckgo.com/ 从官介绍来看这个搜索引擎不收集用户信息,而且没有广告。...Stack Overflow Stack Overflow:https://stackoverflow.com/ 我们如果常用 Google,很多技术问题答案就在这个站上,如果你无法使用 Google...可以这个站上直接检索就好了。...百度脑图:http://naotu.baidu.com/ 简洁在线思维导图工具 Gliffy:https://www.gliffy.com/ 我们可以 Chrome 浏览器上安装 gliffy 插件...可以在线创建流程图、UML图、线框图、BPNM、组织架构图等。 文档笔记平台 推荐几个常用国内外云笔记平台,比较常用应该是印象、有道、石墨,一些国外访问速度比较慢,影响体验。

    1.1K20

    厉害了,一个更智能 JavaScript 映射器:array.flatMap()

    然而,一个替代 array.map()方法:array.flatMap()(从ES2019开始可用)。这个方法给了我们映射能力,但也可以在生成映射数组删除甚至添加新项目。 1....通过只使用 numbers.flatMap(),你可以将一个数组映射到另一个数组,但也可以从映射中跳过某些元素。 接着,我们来更详细地看看 array.flatMap()是如何工作。...return [value1, value2, ..., valueN]; }[, thisArg]); 回调函数原数组每个iteam上被调用,3个参数:当前项、索引和原数组。...array.flatMap(callback) 回调函数被调用,3个参数:当前迭代项、索引和原始数组。然后,从回调函数返回数组1层深处被扁平化,得到项目被插入到所产生映射数组。...已收录,一线大厂面试完整考点、资料以及系列文章。

    70310

    20款优秀基于浏览器在线代码编辑器「建议收藏」

    Jsfiddle jsFiddle是一个在线shell编辑器,通过流行JS框架创建自定义环境,以简化JS代码可以用于测试示例代码。...这个IDE可以方便地云上面部署Java应用程序。代码存在于云中,可以通过互联网进行访问。因此,将一个应用程序从开发阶段转向生产阶段速度可以更快。   ...本身作为一款APP产品,CodeRun 融入了分享机制,开发者可以选择上传项目代码,使用云技术来协同同事完成项目工作。...,Kodingen工作时候你甚至还可以当独立服务器来使用。...你可以或者使用作为您桌面IDE,完全取代了功能丰富和强大CodeRun或者你可以用它来上传现有的代码和测试云端,或与您同行分享。 马上使用 15.

    3.4K10

    几个超火在线编程网站,别错过!

    比如圣诞节快到了,很多小伙伴问我能不能用代码画颗圣诞树。 是不会,但是在这个网站,输入 "Christmas Tree" 搜索,就能看到各种不同风格圣诞树网页啦!...[Codepen 好玩网页] 点击你看中网页,就能进到代码编辑页面,在这里,你可以任意修改 HTML、CSS、JavaScript 前端代码,并且底部区域实时浏览运行效果,非常地方便!...CodeSandbox 代码沙箱,顾名思义,可以帮助你隔离环境运行前端项目。...直接把代码粘贴到 JSFiddle ,就能以最快方式查看运行效果了。现在很多前端组件库也用到了这种平台,给开发者所见即所得体验。...[下载代码] 不得不说,国内,这个网站算是做相当出色了,访问速度和功能体验都很棒!

    2.9K21
    领券