getCurrentScript的改进

2013-01-23 20:07

getCurrentScript的改进

by 司徒正美

at 2013-01-23 12:07:00

original http://www.cnblogs.com/rubylouvre/archive/2013/01/23/2872618.html

第一版


function getCurrentScript(){
if(DOC.currentScript){
return DOC.currentScript.src
}
var nodes = head.getElementsByTagName("script")//只在head标签中寻找
for (var i = 0, node; node = nodes[i++];) {
if ( node.readyState === "interactive") {
return node.className = node.src;
}
}
}

第二版

增加对firefox4-与chrome4+的支持



function getCurrentScript() {
//取得正在解析的script节点
if(DOC.currentScript) { //firefox 4+
return DOC.currentScript.src;
}
var stack, e, nodes = head.getElementsByTagName("script"); //只在head标签中寻找
// 参考 https://github.com/samyk/jiagra/blob/master/jiagra.js
try {
a.b.c(); //强制报错,以便捕获e.stack
} catch(e) {
stack = e.stack;
}
if(stack) {
// chrome IE10使用 at, firefox opera 使用 @
e = stack.indexOf(' at ') !== -1 ? ' at ' : '@';
while(stack.indexOf(e) !== -1) {
stack = stack.substring(stack.indexOf(e) + e.length);
}
return stack.replace(/:\d+:\d+$/ig, "");
}
for(i = 0; node = nodes[i++];) {
if( node.readyState === "interactive") {
return node.className = node.src;
}
}
}

第三版

有的e.stack最后只有行号没有出错位置,导致正则取值失败,fix bug



function getCurrentScript() {
//取得正在解析的script节点
if(DOC.currentScript) { //firefox 4+
return DOC.currentScript.src;
}
// 参考 https://github.com/samyk/jiagra/blob/master/jiagra.js
var stack, e, i, node;
try {
a.b.c(); //强制报错,以便捕获e.stack
} catch(e) {
stack = e.stack;
}
if(stack) {
// chrome IE10使用 at, firefox opera 使用 @
e = stack.indexOf(' at ') !== -1 ? ' at ' : '@';
i = stack.lastIndexOf(e);
var a = stack.slice(i+e.length).replace(/\s\s$/,"").replace(/(:\d+)?:\d+$/i,"");
return a
}
var nodes = head.getElementsByTagName("script"); //只在head标签中寻找
for(i = 0; node = nodes[i++];) {
if( node.readyState === "interactive") {
return node.className = node.src;
}
}
}

第四版

IE10最后一行与其他浏览器不同,需要转换思路去掉杂质



function getCurrentScript() {
//取得正在解析的script节点
if(DOC.currentScript) { //firefox 4+
return DOC.currentScript.src;
}
// 参考 https://github.com/samyk/jiagra/blob/master/jiagra.js
var stack;
try {
a.b.c(); //强制报错,以便捕获e.stack
} catch(e) {//safari的错误对象只有line,sourceId,sourceURL
stack = e.stack;
if(!stack && window.opera){
//opera 9没有e.stack,但有e.Backtrace,但不能直接取得,需要对e对象转字符串进行抽取
stack = (String(e).match(/of linked script \S+/g) || []).join(" ");
}
}
if(stack) {
/**e.stack最后一行在所有支持的浏览器大致如下:
chrome23:
* at http://113.93.50.63/data.js:4:1
firefox17:
@http://113.93.50.63/query.js:4
opera12:
@http://113.93.50.63/data.js:4
IE10:
* at Global code (http://113.93.50.63/data.js:4:1)
/
stack = stack.split( /[@ ]/g).pop();//取得最后一行,最后一个空格或@之后的部分
stack = stack[0] == "(" ? stack.slice(1,-1) : stack;
return stack.replace(/(:\d+)?:\d+$/i, "");//去掉行号与或许存在的出错字符起始位置
}
var nodes = head.getElementsByTagName("script"); //只在head标签中寻找
for(var i = 0, node; node = nodes[i++];) {
if(node.readyState === "interactive") {
return node.className = node.src;
}
}
}

现应用于我的模块加载系统,鲁棒无比,兼容IE6-10,firefox3+, chrome, opera9+。对于safari,则使用慢一点的解析堆栈处理掉。如果大家想用,请记得把DOC,head都换成document。

相关链接:

  1. getBasePath 函数
  2. 取到当前正在执行的script元素

本文链接