使用开发人员工具相对较新，但这应该是一个简单的问题。我想检查一个元素，并在它通过php或javascript规则更改之前查看它的原始值
我的问题：我正在帮助设计个人资料页面。在此配置文件页面中有指向特定人员配置文件子页面的链接。这些值和链接会随着登录用户的不同而变化。我想(通过开发人员工具(了解的是更改前的值。
请注意下面的代码中的a href和yz按钮计数类。这些元素会根据登录的用户而变化。我想知道在这些值发生变化之前，它们的位置是什么。
谢谢！
代码段：
<a href="**http://lbbdevelop.wpengine.com/members/lbbdevelop/friends/requests**" class="yz-button-item yz-friends-btn">
<span class="dashicons dashicons-groups"></span>
<div class="yz-button-count">1</div>
</a>
作为客户端，在PHP处理页面之前，您无法查看页面。这是在作为客户端获得页面之前在服务器上完成的。要做到这一点，您需要项目的原始源代码。你很有可能无法获得，因为这会使网站面临可能的安全漏洞。
但是，您可以在JavaScript处理页面之前查看页面，因为JavaScript是客户端。如果您使用的是Chrome，当页面加载时，只需右键单击并选择View page source或按Ctrl + U。
至于"我想知道在这些价值观改变之前，他们的位置是什么"，这就变得很棘手了。它们可以在页面提供给您之前用PHP创建(很可能(。如果它们是用JavaScript创建的(很可能不是(，你可以通过浏览网站的JavaScript文件来追踪它们的来源。