getCurrentScript的改進


第一版

    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元素


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM