Chrome Dev工具可以找到脚本的来源

时间:2013-08-20 22:43:31

标签: php python html google-chrome google-chrome-devtools

我目前正在制作一个python程序,将Nike.com鞋店选定的鞋子添加到用户购物车中。

这是我目前的测试鞋:air-jordan-4-retro--shoe Toddler

所以在chrome中我按下F12打开chrome Devtools并进入元素选项卡。我知道我正在寻找一个名为skuId的变量,当使用元素中的find函数弹出我需要的信息时。此信息的一个示例是:

<option name="skuId" value="3108555:2C" data-label="(2C)">
           2C
        </option>

3108555:2C的值表示我需要的鞋子尺寸,在这种情况下为“2C”。

但是我不清楚如何找出代码的来源。它不在源HTML中,所以我认为它将在链接文件中或由javascript / PHP生成,但我无法找到它。我想知道是否有一些devtools可以显示代码的位置,或者是否有人知道如何使用python中的urllib获取该信息。

1 个答案:

答案 0 :(得分:0)

注意:如果你的未来涉及猜测,我不建议使用这种方法。 在Chrome中,您可以点击Ctrl + U,它将为您提供网页的来源。 &#39;视图源:http://store.nike.com/us/en_us/pd/air-jordan-4-retro--shoe/pid-728188/pgid-728190

从那里你可以按Ctrl + F并搜索你的变量。你必须非常清楚地知道你在寻找什么,否则你会浪费你的时间滚动。我希望这回答了你的问题。我没有找到一个名为&#34; skuId&#34;的变量。虽然在Ctrl + U的1级中。您有时必须通过单击导致导入代码的一些链接来深入挖掘代码。 我找到了一个名为&#34; skuId&#34;的变量。这里。它位于上面链接的第3097行。它会引导您到与下面链接相同的位置。

简短的回答: http://store.nike.com/us/en_us/script.js?buildRev=188869&loaded=nike,jQuery,nike.ScriptLoader,nike.EventBus,nike.page.OneNikeShell,nike.page.OneNikePageLayout,nike.fonts.Selector,nike.fonts.glyphPolyfill,skin.nikestore,skin.onenike,nike.exp.global.Ad,nike.exp.global.FunctionalAndPerformance&assets=nike.exp.pdp.PdpPage,nike.gadget.BuyingOptions&assetType=SCRIPT