我将以下面的网站为例。
https:/www.webdesignrankings.comresourcesrqrwd
在本网站中，该数值是用 .js 中存储的脚本。HTML 本身。
通过观察源头（在按 F12)，我们可以确定携带计算值的元素是 <span id="added">[calculated value here]</span> 因为只有一个 .js 文件在源代码本身，即 js/scripts.js 我可以推断，公式是有的。
但假设有多个脚本，如 js/scripts1.js, js/scripts2.js 和 js/scripts3.js. 有没有办法知道他们中的哪一个人实际上改变了 "我 "的值？<span id="added">[calculated value here]</span> 元素？
我很清楚，通常这些 .js 文件把代码弄得乱七八糟，所以不容易读懂，但理解代码是另外一个问题。这里的想法是要弄清楚 其中 脚本携带的代码，我必须试着去理解。
(声明：我不是一个HTMLCSSJS的人，所以有些 "技术 "语言可能是错误的。这是一个Python的web-scrapping项目。我希望我能够把这个想法表达出来。)
编辑 来自Nicolas的评论：实际的usecase没有一个 id 属性，就像前述例子中一样
本题的书签图标是通过以下方式改变的 line 2535 of jquery.min.js:formatted. Chrome浏览器中的开发者工具已经具备了你所需要的功能。你可以要求每当有修改时就触发一个断点。
在这里的书签图标的情况下，右键单击它并检查-元素.当我这样做时，一个svg内的路径元素在元素检查器中突出显示.我在检查器中右键单击按钮元素，然后选择 "打破上"-> "子树修改"
现在我希望每当按钮的子代发生变化时，就会触发一个断点，所以我点击了书签按钮，瞧！断点被触发了，浏览器告诉我哪部分代码更新了图片。断点被触发了，浏览器会告诉我代码的哪个部分更新了图片。