css文件的MIME错误引发的Jquery Mobile绘制错误

静态文件serve设置的MIME不对，引起的浏览器警告

Resource interpreted as Stylesheet but transferred with MIME type application/octet-stream: "http://wx.yinghuan.com/yhzh/static/css/themes/yh.jqm.theme1.min.css".

同时页面绘制不正常，jquery mobile的页面根本没有绘制出来，调试发现是css没起作用。调试服务器端代码，发现serve静态文件的程序中使用了javax.activation.MimetypesFileTypeMap来获取文件的MIME类型，但是MimetypesFileTypeMap默认不支持css和js文件，都相应为“application/octet-stream”，需要自己添加mime类型。google一翻，终于找到了添加MIME类型的文本格式：

MimetypesFileTypeMap mmMap = new MimetypesFileTypeMap();
mmMap.addMimeTypes("text/css css CSS");
mmMap.addMimeTypes("text/javascript js JS");

问题解决。

转载于:https://www.cnblogs.com/dajianshi/p/6496265.html

css文件的MIME错误引发的Jquery Mobile绘制错误相关推荐

jQuery Mobile 入门
jQuery Mobile简介对于Web开发者来说,jQuery是非常流行的JavaScript类库,而且一直以来它都是为Web浏览器设计的,并没有特别为移动应用程序设计.jQuery Mobile ...
使用 jQuery Mobile 与 HTML5 开发 Web App (十三) —— jQuery Mobile 方法上
本篇介绍的,是 jQuery Mobile 的方法.对比于 jQuery 方法可以实现 DOM 遍历,动画,Ajax 等各种丰富的操作,jQuery Mobile 的方法更像是 jQuery Mobi ...
使用 jQuery Mobile 和 CSS3 实现响应式设计
来自:http://www.open-open.com/lib/view/open1338083235214.html jQuery Mobile 框架是一个 JavaScript 库,您可以用它来轻 ...
jQuery Mobile主题使用与定制
http://www.adobe.com/cn/devnet/dreamweaver/articles/theme-control-jquery-mobile.html 在上一篇文章jQuery Mo ...
HTML5开发移动web应用—JQuery Mobile(1)
JQuery Mobile是一个简单易用的web移动app开发框架.使用它就像使用jQuery一样,引入必要的文件即可. 最基础的jQuery Mobile文件的结构代码如下: <body> ...
wap开发使用jquery mobile之后页面不加载外部css样式文件/js文件
场景: wap开发,使用jquery mobile之后不会加载外部自定义的css文件了,需要手动刷新才会加载,查看外部自定义的js文件也是一样. 解决办法: 1.在page下面添加css样式,就不要写 ...
CSS文件未加载浏览器报警告：Resource interpreted as Stylesheet but transferred with MIME type text/html...
JavaWeb项目中CSS样式丢失问题:bootstrap.css未完成加载,但响应正常错误定位:filter过滤器写了一句response.setContentType("text/h ...
【Jquery】Jquery动态加载css文件
前言很多时候我们需要在页面中引用外部的css文件,下面将介绍一下如何通过Jquery动态加载css文件方式一(Jquery) var cssFileUrl='../css/home.css'; i ...
排除“使用主题 css 文件要求页上有标头控件。(例如 head runat=server /)”错误...
"使用主题 css 文件要求页上有标头控件.(例如 <head runat="server" />)" 原来,生产环境上部署了Theme. 用下面的 ...

css文件的MIME错误引发的Jquery Mobile绘制错误

css文件的MIME错误引发的Jquery Mobile绘制错误相关推荐

最新文章

热门文章