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

在IE10+浏览器上打开Sencha Touch时抛出appcache错误

在IE10+浏览器上打开Sencha Touch时抛出appcache错误是由于浏览器不支持HTML5的Application Cache(应用缓存)功能导致的。

HTML5的Application Cache是一种浏览器提供的机制,允许网页应用在离线状态下进行访问,提高应用的加载速度和用户体验。它通过将网页的资源文件(如HTML、CSS、JavaScript、图片等)缓存到本地,使得用户在没有网络连接的情况下仍然可以访问应用。

然而,IE10+浏览器对于Application Cache的支持存在一些限制和问题,其中之一就是在打开Sencha Touch应用时可能会抛出appcache错误。这个错误通常是由于浏览器无法正确解析应用的manifest文件或者无法下载缓存的资源文件所致。

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

  1. 检查manifest文件:确保应用的manifest文件(通常是一个以.appcache为扩展名的文件)正确配置并且可以被浏览器访问到。manifest文件中应包含需要缓存的资源文件列表,以及对应的版本号或者哈希值。
  2. 检查资源文件路径:确保应用的资源文件路径正确,不包含任何特殊字符或者非法字符。特别是在使用Sencha Touch框架时,需要注意资源文件的路径配置是否正确。
  3. 检查浏览器设置:在IE浏览器中,可能需要手动启用Application Cache功能。在浏览器的Internet选项中,选择“高级”选项卡,然后勾选“启用HTML5应用程序缓存”。

如果以上方法仍然无法解决问题,可以考虑使用其他浏览器或者升级到最新版本的Sencha Touch框架。另外,腾讯云提供了一系列云计算产品,如云服务器、云数据库、云存储等,可以帮助开发者构建和部署各类应用。具体产品信息和介绍可以参考腾讯云官方网站:https://cloud.tencent.com/

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

相关·内容

HTML5学习-day02【悟空教程】

需要注意的是,本参数URL需要和当前页面URL同源,否则会抛出错误。 调用pushState()方法将新生成一条历史记录,方便用浏览器的“后退”和“前进”来导航(“后退”可是相当常用的按钮)。...有待斟酌的兼容性问题 根据[caniuse][]的数据,IE10+及其他主流浏览器都支持HTML5 history API。...这样,一个Ajax翻页,支持HTML5 history API的浏览器,将会智能地保存当前页码信息,而不支持的浏览器仍然可以正常使用,只是不保存页码信息(就像改进前那样)。...以我的测试结果,本文所介绍的简单的写法,就可以绝大部分支持HTML5 history API的浏览器正常运行。如果你担心有哪些浏览器会有潜在问题,去测试那个浏览器就可以了。...IE10+和其他主流浏览器 全屏 API ?

1.7K30

sencha touch结合phonegap开发android下的文件浏览器

大家好,今天我给大家介绍一下通过两个新的html5技术sencha touch 和phonegap来开发android应用。...好了,现在我通过一个文件浏览器的例子来说明一下如何利用sencha touch和phonegap来开发本地应用。...首先写好sencha tocuh的代码,这里我就不多说,大家可以参考sencha官网的sencha touch API,这里用了一个container,其布局为card,动画为slide,有两个item...这是因为我是用pc的浏览器打开的,所以phonegap的函数根本没有执行。但如果我把它打包到手机中,文件列表就会出现,不错,phonegap就是如此神奇。...,是为了找出文件系统中的pdf文件,所以这里有一个我自己写的pdf插件,这也是phonegap强大之处,因为如果你开发觉得js和phonegap的功能不能满足自己应用时,可以开发出自己的phonegap

97550

H5缓存机制浅析

这应该是 WEB 中最早的缓存机制了,是 HTTP 协议中实现的,有点不同于 Dom Storage、AppCache 等缓存机制,但本质是一样的。...接下来600秒内,如果有请求这个资源,浏览器不会发出 HTTP 请求,而是直接使用本地缓存的文件。 Last-Modified 是标识文件服务器的最新更新时间。...关闭 PAGE,再重新打开一次输入保存的内容已经没有了。 ?...我们 Google Chrome 浏览器打开这个 HTML 链接,JS 功能正常,图片也显示正常。禁用网络,关闭浏览器重新打开这个链接,发现 JS 工作正常,图片也显示正常。...通过 Google Chrome 浏览器自带的工具,我们可以查看已经缓存的 AppCache(分 HOST)。 ? 上面截图中的缓存,就是我们刚才打开 HTML 的页面 AppCache

1.8K80

有了phonegap你还android吗?

劣势: l  运行速度慢:程序的载入和UI界面的反应都比原生的程序慢,因为它实际还是展示Web页面,所以载入、页面刷新等肯定是需要一定时间的。 l  不适合部分程序。...详情可以参考:http://jquerymobile.com/ 也可以使用Sencha Touch,界面没的说,也是非常不错的选择 详情可参考:http://www.sencha.com/ 第二章 快速开始...3.1.1 基于Web技术开发移动设备客户端应用 用您熟悉的JavaScript、HTML技术,或者结合移动Web UI框架jQuery Mobile、Sencha Touch 开发跨平台移动客户端。...2、WebView提供Web和设备本地API双向通信的能力 PhoneGap针对不同平台的WebView做了扩展和封装,使WebView这个组件变成可访问设备本地API的强大浏览器,所以开发人员PhoneGap...明白以上两个特性,参照下面PhoneGap与设备本地API通信图,一个成熟的PhoneGap技术客户端运行状况如下: 应用运行在WebView组件 —》 通过PhoneGap各平台的扩展 —》 最终访问设备本地资源

1.3K50

HTML5使用ApplicationCache

html5中使用application cache可以把一些静态资源保存在客户端的浏览器上面。这样可以提高访问的速度,甚至是离线应用。...关于application cache的优缺点: 1.离线浏览 - 用户可在离线浏览您的完整网站 2.速度 - 缓存资源为本地资源,因此加载速度较快 3.服务器负载更少 - 浏览器只会从发生了更改的服务器下载资源...文件名称随便去,不过后缀有规定.appcache然后html标签上引用 文件分为4部分 CACHE MANIFEST...如果你以为安装上面的步骤就能happy的使用appcache的话,那就错了。   MIME 使用appcache需要在服务器配置MIME。不然客户端无法读取.appcache的列表文件。...C:\Users\username\Documents\IISExpress\config\applicationhost.config 打开这个配置文件,找到mimeMap配置节点添加一个节点。

1K60

【缓存】HTML5缓存的那些事

localStorage;(IOS浏览器无痕模式浏览下,是无法打开localStorage;以及,其他奇葩浏览器存储localstorage的时候报错) 做法:根据前面代码,我们检查是否支持,先进行...setItem()一次,然后对setItem进行异常捕获; 写数据的时候,需要异常处理,避免超出容量抛出错误; localStorage本身只有5M; 避免把敏感的信息存入localStorage...数据库名称 var tableName="testTable";//表名称 function init() { openRequest=indexedDB.open(dbName);//页面加载打开一个...false});//创建索引 objectStore.createIndex("phone","phone",{unique:false}); } } //触发事件——成功打开一个数据库触发...manifest文件: 服务器添加mime-type text/cache-manifest 如果在服务器添加: 找到你的xampp

38250

Hybrid App开发者一定不要错过的框架和工具

历经了jqmobile、sencha touch等框架后,一直没能找到一个真正符合我的想法的框架:它应该为hybrid app设计、组件化结构、UI简洁而优美。...sencha touch概念层我接受不了,它让我感觉自己不是写界面,而是在做算法作业。关于这些老框架的吐槽, 以前写过,就不再多说。接下来说说最近的新发现。...它和我之前写过的lazymobile理念很类似,采用div来作为App界面,界面之间的切换其实就是浏览器div的滑动。界面采用了 ios7的平面设计风格,很讨喜。...但实际form表单的控件本来就是绑定到数据对象 的,只要调用数据对象的save方法就好了。...Ripple Emulator 在编写代码的时候,我一般用node的http-server直接在代码目录起一个web服务,用浏览器调试。但是代码里边那些phonegap 的扩展功能往往会导致页面报错。

1.4K40

关于离线缓存Application Cache 使用 manifest文件缓存

Application Cache的配置文件 首先需要在服务器建立一个文件,里面的内容确定了哪些文件需要缓存,哪些文件不需要,如果资源无法访问会使用什么页面等 这个文件一般为.appcache类型,称为缓存清单... 这样,HTML文档加载后,就会根据manifest.appcache的内容来缓存资源文件,在下次访问相同页面的时候,会直接使用缓存的资源文件来进行加速 缓存和加载机制 第一次访问浏览器加载完...,重新根据manifest文件内容进行缓存 如果应用缓存存在,且manifest没有被修改,浏览器直接从缓存中加载文档(注意:加载文档)和资源,不会访问网络(注意:无论联网与否,都不会访问网络) 缓存多个资源文件...打开chrome的chrome://appcache-internals/可以看到,里面cache.html、someStyle.css、someJavaScript.js确实被缓存了,去掉NETWORK...316 B firefox、opera测试也是一样,虽然被缓存了,但依旧会从网络加载,而iframe的解答方法也是2011~2012年左右提出的,后来就没有相关文章了,估计已经彻底失效了

2.5K20

H5 缓存机制浅析 移动端 Web 加载性能优化

这应该是 WEB 中最早的缓存机制了,是 HTTP 协议中实现的,有点不同于 Dom Storage、AppCache 等缓存机制,但本质是一样的。...接下来600秒内,如果有请求这个资源,浏览器不会发出 HTTP 请求,而是直接使用本地缓存的文件。 Last-Modified 是标识文件服务器的最新更新时间。...关闭 PAGE,再重新打开一次输入保存的内容已经没有了。 ? ?...我们 Google Chrome 浏览器打开这个 HTML 链接,JS 功能正常,图片也显示正常。禁用网络,关闭浏览器重新打开这个链接,发现 JS 工作正常,图片也显示正常。...manifest 文件与缓存文件的检查更新也遵守浏览器缓存机制。 如用用户手动清了 AppCache 缓存,下次加载浏览器会重新生成缓存,也可算是一种缓存的更新。

2.1K20

HTML5缓存和GPS定位

HTML5缓存 我们访问网站的时候,会从网站服务器中下载很多数据,其中包括css文件、图片文件、js文件、音频文件等等,有时候一个页面这种零零散散的文件就要下载上百个,可以打开浏览器的开发者工具,点击...运行结果,浏览器打开开发者工具,可以看到创建好的数据库和表格: ?...应用缓存 HTML5中引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接进行访问。...html5中如果需要启用应用程序缓存,需要在文档的 标签中写上 manifest 属性,并指定appcache文件的路径。...运行结果: 浏览器会询问是否允许定位,点击不允许的话会抛出一个错误对象,然后执行错误处理函数进行相应的处理: ? 如果获取地理位置的过程出错了,也会执行错误处理函数,打印出相应的错误类型: ?

2.4K20

10Hours 网页应用

可能有些朋友会疑惑AppCache浏览器自动缓存和localStorage的区别,这里我简单讲一下:默认设置下,浏览器会根据request header自动缓存静态文件,但是在请求该文件还是会发出...示例中指定当images/large/中的任意文件无法访问,都从AppCache中读取images/offline.jpg文件。...AppCache接口 AppCache提供了以下的事件接口: checking:客户端正在检查manifest文件的更新,或者尝试下载manifest文件触发。注意:这个事件总是首先触发的。...Nothing new to server. } }, false); }, false); AppCache的Debug 当我们本地调试的时候,我们如何知道AppCache是否起效果,...Chrome的开发者工具提供了这些信息,打开开发者工具,Resource => Application Cache中就可以看到缓存了哪些文件,如下图所示: 但是在这里不能对Cache进行删除操作,也不能看到其他网站的

64690

webapp开发框架「建议收藏」

,基本都能顺利打开运行(只是速度较慢)。...优点: 1、HTML5语法、HTML5+语法、三大浏览器扩展语法,尽收HBuilder中。 2、每个浏览器发布新版后,一周内,其新增语法就收录入HBuilder。...4、每个语法在哪个浏览器、哪个版本是否可运行,这里都有。 5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。 缺点: 1.云端编译,无法保证安全性。 2.不能完全跨平台。...应为轻量级,所以web加载Sencha有一点优势。缺点显而易见,UI控件太少了。因为JQuery Mobile 太普及了,也有很多第三方的扩展控件库例如JQuery Mobile Touch。...比较有意思的是Sencha Touch 也融合了JQuery Mobile Touch

2.8K20

9 大跨平台移动 App 开发工具推荐

如今,移动应用开发已经变得越来越重要,开发人员面临最大的挑战之一就是多个平台上运行应用程序。...6、手机上的 HTML5 框架 Sencha Touch ? Sencha Touch 是专门为移动设备开发应用的 Javascript 框架。...通过 Sencha Touch 你可以创建非常像 native app 的 web app,用户界面组件和数据管理全部基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple...通过 MonoCross,你可以使用任何平台特定的 API 或 HTML5 来构建本机应用程序,以提供丰富的基于 Web 的功能,而且,不管是设备还是服务器运行,都可以同时使用相同的业务逻辑和数据代码...UI 使用 XML 描述,CSS 样式,在编译将 UI 转化成本地原生代码,最终得到正在的 Native 原生应用。 2、手机应用开发解决方案 Rhomobile ?

5.7K20

Ext JS 4预览:更快、更简单、更稳定

Ext JS 4预览版:更快、更简单、更稳定 上周SanFrancisco看,在哪里,我们很激动来自全球的500多Sencha开发者(放到以前应该叫ExtJs开发者)。...这个全新的图表包可以在所有我们支持的浏览器(包括IE6)运行,并且和框架的其他部分进行了高度整合。我们将在未来的一周分享图表更多详细内容,我们为提供给所有我们的开发者这些新特性而兴奋。 ?...ExtJS4的data包可以和Sencha Touch,所以你当即就可以在你的应用程序中使用它了。我们有几个博客发布了介绍它的帖子。...这就使我们能够创建一些创建应用程序时所需要的难以置信的工具来帮助自动化设计和维护。使用新的架构创建应用变得容易得难以置信,你可以偷偷的看一下Sencha Touch的微博和Kiva的示例。...ExtJS4有数百个改进,新特性和缺陷修复——实际太多了以至于无法一篇博客中发表出来。我们会在接下来的几周中发布一系列文章和信息,当下一个产品发布还像一个完成的向导一样。

2.4K60

HTML5 - 应用程序缓存(Application Cache)

当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。然后,无论用户何时与因特网断开连接,这些资源依然是可用的。 注意:文件位置根据文件服务器的实际目录,确保路径正确。...缓存包含manifest清单的页面,所以实际,即使我们不显示的把包含manifest的页面,列manifest缓存清单中,这个页面也会被缓存。...开发过程中,通过ajax与WCF进行数据交互,常常头一次或头几次数据加载成功,以后均加载失败。...由更新机制来说,首次更新manifest,因为页面加载已经开始甚至已经完成,缓存更新尚未完成,浏览器仍然会使用过期的资源;浏览器是当Application Cache有更新,该次不会使用新资源,第二次才会使用...结束 如有错误,欢迎指正!

1.4K10
领券