浏览器开发工具中的紫色箭头是用来做什么的？

紫色箭头通常出现在浏览器的开发工具的 Elements 标签中，用来表示一个元素被修改了。它是一个指示器，告诉你哪个元素被修改了。下面的代码示例展示了如何在浏览器控制台中使用紫色箭头：

HTML 代码：

<div id="myDiv">Hello World</div>

JavaScript 代码：

var myDiv = document.getElementById('myDiv');
myDiv.style.color = 'red';

在浏览器的开发工具中，找到 Elements 标签，可以看到刚刚修改的元素已经被标记为紫色箭头。这对于调试代码时非常有用，因为你可以快速找到自己修改的元素。