查找脚本来源的 Chrome 开发工具答案

【问题标题】：Chrome Dev tool to find the origins of script查找脚本来源的 Chrome 开发工具
【发布时间】：2013-08-23 03:47:05
【问题描述】：

我目前正在制作一个 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 获取该信息。

【问题讨论】：

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

【解决方案1】：

注意：如果您的未来涉及猜测，我不建议使用此方法。在 Chrome 中，您可以按 Ctrl+U，这将为您提供网页的来源。 '查看源代码：http://store.nike.com/us/en_us/pd/air-jordan-4-retro--shoe/pid-728188/pgid-728190

从那里您可以按 Ctrl+F 并搜索您的变量。您必须非常明确地知道您正在寻找什么，否则您将浪费时间滚动。我希望这回答了你的问题。尽管在 Ctrl + U 的 1 级中，我没有找到名为“skuId”的变量。有时您必须通过单击一些导致导入代码的链接来更深入地挖掘代码。我在这里找到了一个名为“skuId”的变量。它位于上面链接的第 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

【讨论】：

恐怕我不完全确定你的目标是什么。
如果您在 chrome 中并按 F12 会弹出 chrome Devtool。然后单击元素并使用 ctrl+F。如果您在 devtool 搜索栏中键入 skuId，您将获得我上面显示的代码块。我只是想找到一种方法来获取该代码，以便我可以使用 python 去除信息。希望这能澄清一点。