如何在网页中找到javascript源代码？ [英] How to I find javascript source in web page?

问题描述

我想检查
中的JavaScript函数的源代码

我看到：

 < a href =/ thread / 7629335？start = 75& amp; tstart = 0title =lastonclick =jspaginate.init（'last'，'6'）; return false; class =js-pagination-next j-paginate-last> last< / a> 
  

我想找到jspaginate.init的源码

我点击了Debugger选项卡，但是没有看到jspaginate.init。

源文件应该在某个页面的某个地方吗？

我在Mac OS 10.10.5中运行Firefox 48.0。我在检查员
安装 /addons.mozilla.org/it/firefox/addon/firebug/rel =nofollow> firebug ，激活它，激活脚本面板，然后查找jspaginate对象。在一个js文件中，你会发现它：

  var jspaginate = {
 data：{}，
 loading：false，
 init：function（action，last）{
 var view = this，
 target，current; 
 if（this.loading！== true）{
 view.loadingSequence（）; 
 if（action ==='first'）{
 target = 0; 
 view.update（target，0）; 
} else if（action ==='prev'）{
 current = parseInt（view.data.pageIndex）-1; 
 target =（current）* view.data.range; 
 view.update（target，current）; 
} else if（action ==='next'）{
 current = parseInt（view.data.pageIndex）+1; 
 target =（current）* view.data.range; 
 view.update（target，current）; 
} else if（action ==='last'）{
 current = parseInt（last）-1; 
 target =（current）* view.data.range; 
 view.update（target，current）; 
 
 
 $ b update：function（target，current）{
 this.data.pageIndex = current; 
 this.pushState（target，current）; 
 this.getData（target）; 
 pushState：function（target，current）{
 var state = {'page_id'：current，'user_id'：2}，
 title ='Page'+当前，
 url ='？start ='+ target +'& tstart = 0'; 
 history.pushState（state，title，url）; 
}，
 loadingSequence：function（）{
 this.loading = true; 
 $ j（'。j-pagination'）。append（'< div class =j-loading-big>< span>< / span>< / div>'）; 
 $ j（'。all-respond-container'）。css（'opacity'，'。5'）; 
}，
 removeLoading：function（）{
 $ j（'。j-loading-big'）。remove（）; 
 $ j（'。all-respond-container'）。css（'opacity'，'1'）; 
 this.loading = false; 
}，
 updateUI：function（data）{
 $ j（'。all-respond-container'）。html（data）; 
 $ j（'html，body'）。animate（{
 scrollTop：（$ j（。all-talks-container）。offset（）。top -180）
} ，800）; 
 
 this.removeLoading（）; 
}，
 getData：function（target）{
 var view = this，
 tId =（this.data.threadId）.split（'/'）[2]， 
 urlString = jive.app.url（{path：'/ inline-thread.jspa？thread ='+ tId +'& start ='+ target +'& tstart = 0'}）; $ b $ j.ajax（{
 url：urlString，
 cache：true，
 async：true，
 type：'POST'，
 dataType： 'html'
}）。success（function（data）{
 view.updateUI（data）; 
}）。error（function（data）{
 console.log数据）; 
}）; 
} 
} 
; 
  

I would like to examine the source code for a javascript function in a web page

In firefox inspector, I've clicked on

I see:

<a href="/thread/7629335?start=75&amp;tstart=0" title="last" onclick="jspaginate.init('last', '6'); return false;" class="js-pagination-next j-paginate-last">last</a>

I would like to find the source to jspaginate.init

I've clicked on the Debugger tab, but I do not see jspaginate.init.

Source should be on the page somewhere shouldn't it?

I'm running Firefox 48.0 in Mac OS 10.10.5. I'm in the inspector.

解决方案

Install firebug, activate it, activate the script panel too and then look for the jspaginate object. In a js file you will find it:

var jspaginate = {
    data:{},
    loading: false,
    init: function(action, last){
        var view = this,
            target, current;
        if(this.loading !== true){
            view.loadingSequence();
            if(action === 'first'){
                target = 0;
                view.update(target, 0);
            }else if(action === 'prev'){
                current = parseInt(view.data.pageIndex)-1;
                target = (current)*view.data.range;
                view.update(target, current);
            }else if(action === 'next'){
                current = parseInt(view.data.pageIndex)+1;
                target = (current)*view.data.range;
                view.update(target, current);
            }else if(action === 'last'){
                current = parseInt(last)-1;
                target = (current)*view.data.range;
                view.update(target, current);
            }
        }
    },
    update: function(target, current){
        this.data.pageIndex = current;
        this.pushState(target, current);
        this.getData(target);
    },
    pushState: function(target, current){
        var state = { 'page_id': current, 'user_id': 2 },
            title = 'Page'+ current,
            url = '?start='+target+'&tstart=0';
        history.pushState(state, title, url);
    },
    loadingSequence: function(){
        this.loading = true;
        $j('.j-pagination').append('<div class="j-loading-big"><span></span></div>');
        $j('.all-replies-container').css('opacity','.5');
    },
    removeLoading: function(){
        $j('.j-loading-big').remove();
        $j('.all-replies-container').css('opacity','1');
        this.loading = false;
    },
    updateUI: function(data){
        $j('.all-replies-container').html(data);
        $j('html, body').animate({
            scrollTop: ($j(".all-replies-container").offset().top -180)
        }, 800);

        this.removeLoading();
    },
    getData: function(target){
        var view = this,
            tId = (this.data.threadId).split('/')[2],
            urlString = jive.app.url({path:'/inline-thread.jspa?thread='+tId+'&start='+target+'&tstart=0'});
        $j.ajax({
            url: urlString,
            cache: true,
            async: true,
            type:'POST',
            dataType : 'html'
        }).success(function(data) {
            view.updateUI(data);
        }).error(function(data) {
            console.log(data);
        });
    }
}
;

这篇关于如何在网页中找到javascript源代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！