奇怪的行爲時，從使用Javascript谷歌搜索結果頁面提取URL

Question

今天我有興趣嘗試以下有趣的一段JavaScript代碼在Chrome中： -

Array.from(document.getElementsByClassName('r')).forEach(x => console.log(x.firstChild.href)) 

正如預期的那樣，這個名單的所有目標URL（沒有谷歌跟蹤）在我的控制檯。但是，當我嘗試檢查anchor的href時，事實證明，href實際上是Google跟蹤網址，而目標網址（無谷歌跟蹤）在data-href中。

我預計href的值應該是目標網址（無谷歌跟蹤）。我可否知道造成這種差異的原因是什麼？

Answer 1

事實上，我注意到，谷歌搜索結果頁面中的錨將觸發鼠標點擊事件，這將在data-href改變href的一部開拓創新的價值，並嵌入它來代替。

這意味着只要錨點沒有被點擊，href的值的原始URL將被保留。

我目前的知識不允許我深入研究，歡迎任何更詳細或技術性的解釋！ =）