html页面中引入ionic.bundle.min.js正常,但是引入ionic.bundle.js报错Invalid regular expression
2015-12-18 10:24
501 查看
我们的android hybrid app开发使用到了ionicframework作为UI框架,ionic框架的发展和更新非常快,而且做出的界面也很好看。我自己引入ionic框架的时候,遇到了问题。
还是上面的页面,我们引入ionic.bundle.min.js,而不是引入ionic.bundle.js,可以看到没有报错。
有点奇怪,我们知道对于js文件来说,min是压缩版(实际部署的时候都是使用min版本),不含min(源文件,一般在开发过程中使用)。但是压缩版和源码版功能都是一样的,一时半会儿也不知道为啥引入源码版会报错,但是引入压缩版没有问题。只好看源码,从源码中寻找答案了。
下面这段报错代码在ionic.bundle.js中:
对应ionic.bundle.min.js中代码如下:
可以看出差别了吧:是中文问题在作怪,ionic.bundle.js中直接使用中文的单引号和双引号,而ionic.bundle.min.js中对中文字符进行了转义。所以解决方案就很简单了:上面我们的html没有设置编码,所以默认不支持中文。只需要在头部加入下面代码即可:
设置好html的编码格式后,发现引入ionic.bundle.js或者ionic.bundle.min.js的时候,都不会再报错了。
<html> <head> <script src="jquery-1.11.1.min.js"></script> <link rel="stylesheet" type="text/css" href="./1.1.1-release/css/ionic.css" /> <script src="./1.1.1-release/js/ionic.bundle.js"></script> </head> <body> <div class="bar bar-header bar-positive"> <a class="button button-icon icon ion-android-more-vertical"></a> <h1 class="title">bar-positive</h1> <a class="button button-icon icon ion-more"></a> </div> <div class="bar bar-footer bar-balanced"> <div class="title">Footer</div> </div> </body> </html>
还是上面的页面,我们引入ionic.bundle.min.js,而不是引入ionic.bundle.js,可以看到没有报错。
有点奇怪,我们知道对于js文件来说,min是压缩版(实际部署的时候都是使用min版本),不含min(源文件,一般在开发过程中使用)。但是压缩版和源码版功能都是一样的,一时半会儿也不知道为啥引入源码版会报错,但是引入压缩版没有问题。只好看源码,从源码中寻找答案了。
下面这段报错代码在ionic.bundle.js中:
angular.module('ngSanitize').filter('linky', ['$sanitize', function($sanitize) { var LINKY_URL_REGEXP = /((ftp|https?):\/\/|(www\.)|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>"”’]/i, MAILTO_REGEXP = /^mailto:/i;
对应ionic.bundle.min.js中代码如下:
h.module("ngSanitize").filter("linky",["$sanitize",function(a){var f=/((ftp|https?):\/\/|(www\.)|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>"\u201d\u2019]/i,d=/^mailto:/i;
可以看出差别了吧:是中文问题在作怪,ionic.bundle.js中直接使用中文的单引号和双引号,而ionic.bundle.min.js中对中文字符进行了转义。所以解决方案就很简单了:上面我们的html没有设置编码,所以默认不支持中文。只需要在头部加入下面代码即可:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
设置好html的编码格式后,发现引入ionic.bundle.js或者ionic.bundle.min.js的时候,都不会再报错了。
相关文章推荐
- Ext.js5的分组表格(4)
- Javascript Window Location
- Alamofire json Alamofire2.0使用
- Gson解析(List和Map)格式json数据
- JSTL标签库
- JavaScript_DOM编程艺术第二版学习笔记-第8章
- [连载]JavaScript讲义(04)--- 函数和闭包
- 真正好用的js验证上传文件大小
- JSP/Servlet-----EL遍历Map
- JavaScript 错误处理和函数对象
- 【js】{}/[]/() &&/||/|/& undefined/null/NaN 等的运用
- JS 操作日期
- javascript:理解splice事件
- javascript实现保留两位小数的多种方法
- 原生js实现图片轮播特效
- <html5+css3+js>用javascript显示隐藏,添加,删除元素,css动画效果
- javascript:理解DOM事件
- Vba Json
- 利用VBA将excel数据表生成JSON文件(utf8)
- Excel表快速转换成JSON字符串