爬数据找不到数据源（没找到http和ws请求）

魔幻冰扬

爬一个网站的数据，数据是动态更新的，但是通过network没发现有接口请求。

http 和 ws都没找到，那他是咋请求的？

网址： https://live.leisu.com/3in1-3655194

jiujiukeji

有可能直接渲染的页面  也有可能在JS中 你去找找

魔幻冰扬

jiujiukeji 发表于 2022-4-8 19:45
有可能直接渲染的页面  也有可能在JS中 你去找找

大概是在js中。现在疑惑的是不通过http。只通过js,如何向后端获取数据呢？

RootChmod

数据在js里面，html里这样实现的   

[Asm] 纯文本查看 复制代码

<div class="num" v-text-ca="{data:odd.asia.f[0]||\'-\',class:\'init_odd\'}"></div>

使用了自定义的vue指令

魔幻冰扬

RootChmod 发表于 2022-4-8 21:00
数据在js里面，html里这样实现的   
使用了自定义的vue指令

疑惑的是，源数据不通过http请求？直接放js中，通过js获取数据？

RootChmod

你在页面里执行这一些js即可在页面上拿到数据，有需要其他的可以追问我

[JavaScript] 纯文本查看 复制代码

(function(n) {
    new Vue({
        el: n[0],
        mixins: [myMixin],
        data: ()=>({
            show_init: !0
        }),
        created() {
            this[n[1]]()
        },
        methods: {
            init() {
                const s = {}
                  , i = [n[2], n[3], n[4]];
                for (const d of i) {
                    this[n[5]](this[n[6]][d])[n[7]](i=>{
                        s[i[n[8]]] || (s[i[n[8]]] = {});
                        const a = i[n[9]]
                          , c = i[this[n[10]]][0]
                          , t = i[this[n[10]]][1];
                        s[i[n[8]]][d] = {
                            f: a,
                            r: c,
                            updown: t
                        }
                    }
                    )
                }
                const d = [];
                for (const [a,c] of Object[n[11]](s)) {
                    for (const s of i)
                        c[s] || (c[s] = {
                            f: [n[12], n[12], n[12]],
                            r: [n[12], n[12], n[12]],
                            updown: [0, 0, 0]
                        });
                    const s = Object[n[13]]({}, c);
                    s[n[14]] = this[n[16]](a)[n[15]],
                    s[n[8]] = a,
                    this[n[17]](s, n[18], !1),
                    d[n[19]](s)
                }
                this[n[20]] = d,
                this[n[21]] = this[n[20]],
                this[n[22]](this[n[20]])
            }
        },
        template: '\n    <div class="main-content-vue">\n    \x3c!-- 隐藏保留显示全部共[18/18]间公司是否显示初指 --\x3e\n    <div class="control">\n        <div class="control-btns">\n            <div class="btn-white select-oddtype">\n                <div class="companys">\n                    <div class="select-box">\n                        <div class="current">\n                            <div class="selected">{{get_type(odd_type).name}}\n                                <span class="arrow iconfont icon-arrow"></span>\n                            </div>\n                            \n                        </div>\n                        <div class="down">\n                            <div class="option" @click="select_odd_type(type.id)" :class="{active:type.id==odd_type}" v-for="type in odd_types" v-text="type.name"></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="btn-white" :class="{active:cur_btn==\'hide\'}" @click="hide_btn">隐藏</div>\n            <div class="btn-white" :class="{active:cur_btn==\'save\'}" @click="save_btn">保留</div>\n            <div id="btn-all" class="btn-white" :class="{active:cur_btn==\'show_all\'}" @click="show_all_btn">显示全部</div>\n        </div>\n        <div class="count-text">共[<span id="count" class="show-count">{{list}}</span>/<span>{{source.length}}</span>]间公司</div>\n        <div class="is-show-initial">\n            <label class="check-label" :class="{active:show_init}" @click="show_init=!show_init">\n                <i class="iconfont  active" :class="show_init?\'icon-iconchoicec\':\'icon-iconchoicen\'"></i>是否显示初指\n            </label>\n        </div>\n        <div class="space"></div>\n        <div class="legend">\n            <div>\n                <div class="up"></div>\n                <div>上升</div>\n            </div>\n            <div>\n                <div class="down"></div>\n                <div>下降</div>\n            </div>\n        </div>\n    </div>\n\n    <div class="table-wrapper"  :class="{fide:fide}">\n        <div class="odds">\n            <table>\n                <thead>\n                    <tr>\n                        <th class="w50" style="border-radius: 5px 0 0 0;background-color: #e2e2e5;">\n                            <div style="box-sizing:border-box;" @click="select_all_checkbox()"><i class="iconfont" :class="select_all_class"></i></div>\n                        </th>\n                        <th class="w150">\n                            <div class="companys">\n                                <div class="select-box" style="top: calc(50% - 10px);">\n                                    <div class="current">\n                                        <div class="selected">{{get_comp(cur_select_id).name}}\n                                            <span class="arrow iconfont icon-drop"></span>\n                                        </div>\n                                        \n                                    </div>\n                                    <div class="down">\n                                        <div class="option" @click="select_comp(comp.id)" :class="{active:comp.id==cur_select_id}" v-for="comp in comp_select" v-text="comp.name">全部公司</div>\n                                    </div>\n                                </div>\n                            </div>\n                        </th>\n                        <th class="w300">\n                            <div class=" average-h">\n                                <div class="average">\n                                    <div>胜负</div>\n                                </div>\n                                <div class="average tb-head">\n                                    <div class="title">主胜</div>\n                                    <div class="title">走势</div>\n                                    <div class="title">客胜</div>\n                                </div>\n                               \n                            </div>\n                        </th>\n                        <th class="w300">\n                            <div class=" average-h">\n                                <div class="average">\n                                    <div>让球</div>\n                                </div>\n                                <div class="average tb-head">\n                                    <div class="title">主胜</div>\n                                    <div class="title">走势</div>\n                                    <div class="title">客胜</div>\n                                </div>\n                               \n                            </div>\n                        </th>\n                        <th class="w300">\n                            <div class="average-h">\n                                <div class="average">\n                                    <div>进球数</div>\n                                </div>\n                                <div class="average tb-head">\n                                    <div class="title">大球</div>\n                                    <div class="title">走势</div>\n                                    <div class="title">小球</div>\n                                </div>\n                               \n                            </div>\n                        </th>\n              \n                        <th class="w50">查看</th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <template v-for="(odd,indd) in list">\n                        <tr :class="show_init?\'has-initial\':\'\'"  :key="\'com\'+odd.cid">\n                            <td> \n                                <label @click="change_selects(odd)"><i class="iconfont ":class="odd.select?\'icon-iconchoicec\':\'icon-iconchoicen\'"></i></label>\n                            </td>\n                            <td>\n                                <canvas class="comp_name" width="149"  height="32" :indd="indd"></canvas>\n                            </td>\n                            <td>\n                            \n                                <div class="eu-wrapper average-h">\n                                    <div class="average initial">\n                                        <div class="home">\n                                            <div class="num" v-text-ca="{data:odd.eu.f[0]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                        <div class="draw">\n                                            <div class="num" v-text-ca="{data:odd.eu.f[1]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                        <div class="away">\n                                            <div class="num" v-text-ca="{data:odd.eu.f[2]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                    </div>\n                                    <div class="average">\n                                            <div class="home" :class="get_cur_class(odd.eu.updown[0])">\n                                                <div class="num">\n                                                    <div v-text-ca="{data:odd.eu.r[0]||\'-\',class:get_cur_class(odd.eu.updown[0])}"></div>\n                                                    <i class="iconfont icon-down"></i>\n                                                    <i class="iconfont icon-top"></i>\n                                                </div>\n                                            </div>\n                                            <div class="draw" :class="get_cur_class(odd.eu.updown[1])">\n                                                <div class="num">\n                                                    <div v-text-ca="{data:odd.eu.r[1]||\'-\',class:get_cur_class(odd.eu.updown[1])}"></div>\n                                                    <i class="iconfont icon-down"></i>\n                                                    <i class="iconfont icon-top"></i>\n                                                </div>\n                                            </div>\n                                            <div class="away" :class="get_cur_class(odd.eu.updown[2])">\n                                                <div class="num">\n                                                    <div v-text-ca="{data:odd.eu.r[2]||\'-\',class:get_cur_class(odd.eu.updown[2])}"></div>\n                                                    <i class="iconfont icon-down"></i>\n                                                    <i class="iconfont icon-top"></i>\n                                                </div>\n                                            </div>\n                                    </div>\n                                \n\n                                </div>\n                            </td>\n                            <td>\n                                <div class="eu-wrapper average-h">\n                                    <div class="average initial">\n                                        <div class="home">\n                                            <div class="num" v-text-ca="{data:odd.asia.f[0]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                        <div class="draw">\n                                            <div class="num" v-text-ca="{data:odd.asia.f[1]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                        <div class="away">\n                                            <div class="num" v-text-ca="{data:odd.asia.f[2]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                    </div>\n                                    <div class="average">\n                                        <div class="home"  :class="get_cur_class(odd.asia.updown[0])">\n                                            <div class="num">\n                                                <div v-text-ca="{data:odd.asia.r[0]||\'-\',class:get_cur_class(odd.asia.updown[0])}"></div>\n                                                <i class="iconfont icon-down"></i>\n                                                <i class="iconfont icon-top"></i>\n                                            </div>\n                                        </div>\n                                        <div class="draw" :class="odd.asia.updown[1]>0?\'bg-top\':odd.asia.updown[1]<0?\'bg-down\':\'\'">\n                                            <div class="num">\n                                                <div v-text-ca="{data:odd.asia.r[1]||\'-\',class:get_cur_class(odd.asia.updown[1])}"></div>\n                                                <i class="iconfont icon-down"></i>\n                                                <i class="iconfont icon-top"></i>\n                                            </div>\n                                        </div>\n                                        <div class="away" :class="get_cur_class(odd.asia.updown[2])">\n                                            <div class="num">\n                                                <div v-text-ca="{data:odd.asia.r[2]||\'-\',class:get_cur_class(odd.asia.updown[2])}"></div>\n                                                <i class="iconfont icon-down"></i>\n                                                <i class="iconfont icon-top"></i>\n                                            </div>\n                                        </div>\n                                    </div>\n                                \n\n                                </div>\n                            </td>\n                            <td>\n                                <div class="eu-wrapper average-h">\n                                    <div class="average initial">\n                                        <div class="home">\n                                            <div class="num" v-text-ca="{data:odd.bs.f[0]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                        <div class="draw">\n                                            <div class="num" v-text-ca="{data:odd.bs.f[1]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                        <div class="away">\n                                            <div class="num" v-text-ca="{data:odd.bs.f[2]||\'-\',class:\'init_odd\'}"></div>\n                                        </div>\n                                    </div>\n                                    <div class="average">\n                                        <div class="home" :class="get_cur_class(odd.bs.updown[0])">\n                                            <div class="num">\n                                                <div v-text-ca="{data:odd.bs.r[0]||\'-\',class:get_cur_class(odd.bs.updown[0])}"></div>\n                                                <i class="iconfont icon-down"></i>\n                                                <i class="iconfont icon-top"></i>\n                                            </div>\n                                        </div>\n                                        <div class="draw" :class="odd.bs.updown[1]>0?\'bg-top\':odd.bs.updown[1]<0?\'bg-down\':\'\'">\n                                            <div class="num">\n                                                <div v-text-ca="{data:odd.bs.r[1]||\'-\',class:get_cur_class(odd.bs.updown[1])}"></div>\n                                                <i class="iconfont icon-down"></i>\n                                                <i class="iconfont icon-top"></i>\n                                            </div>\n                                        </div>\n                                        <div class="away" :class="get_cur_class(odd.bs.updown[2])">\n                                            <div class="num">\n                                                <div v-text-ca="{data:odd.bs.r[2]||\'-\',class:get_cur_class(odd.bs.updown[2])}"></div>\n                                                <i class="iconfont icon-down"></i>\n                                                <i class="iconfont icon-top"></i>\n                                            </div>\n                                        </div>\n                                    </div>\n\n                                </div>\n                            </td>\n                            <td ><a class="iconfont icon-fbtotal  look-link" rel="nofollow" \n                            :href="STATIC_CONFIG.GUIDE+\'/trend-\'+cur_match_id+\'-\'+odd.cid" target="_blank"></a></td>\n\n                        </tr>\n                    </template>\n                   </tbody>\n            </table>\n        </div>\n        <div class="empty" v-if="!source.length">暂无数据</div>\n    </div>\n</div>\n    '
    })
}
).call(this, [".main-content-vue", "init", "eu", "asia", "bs", "clone", "ftb_odds", "forEach", "cid", "f", "odd_type", "entries", "", "assign", "comp_name", "name", "get_comp", "$set", "select", "push", "source", "list", "get_comp_select"]);

RootChmod

魔幻冰扬 发表于 2022-4-8 21:09
疑惑的是，源数据不通过http请求？直接放js中，通过js获取数据？

源数据在php里做了加密，通过js解密变量，获得数据

a147888123

3in1-a6972a9ce9.js 这个JS来生成得，你慢慢调试

RootChmod

魔幻冰扬 发表于 2022-4-8 21:09
疑惑的是，源数据不通过http请求？直接放js中，通过js获取数据？

就比如
返回了一个html
<html>
<div id="show"></div>
<script>
var a = "aabbcc"
if(a=="aabbcc"){
show = "数据1"
}
</script>

</html>

实际数据就是那个aabbcc

a147888123

太难了。。。放弃