如今,每个浏览器都带有内置的开发人员工具,可帮助人们创建、测试和修复 Web 产品。您可以右键单击任何网站并选择“检查”以访问它们,按“F12”或“Mac 上的 CMD + Shift + I”或 Windows/Linux 上的“Ctrl + Shift + I”。
这些工具是为开发人员准备的,但它们也可以帮助您解决网络上的一些烦恼。这就是为什么我创建了一系列技巧,如何通过使用浏览器开发人员工具来减少对 Web 的烦扰。
我作为产品经理使用这些工具,每天我会收到大约 20 到 30 条反馈信息,人们不小心打开了它们,并确定它们“已被黑客入侵”。
我明白了——对于非开发人员来说,这些工具看起来令人生畏和复杂,而且它们显示的所有错误都可能令人生畏和担忧。这让我很恼火。网络工具不应该要求您成为专家。相反,您使用它们的次数越多,您就越应该成为网络专家。
这就是为什么我将这个集合与演示放在一起,让您了解开发人员工具可以是什么:您的网络作弊码。
当我把网络看成一个整体,特别是我们称它们为“边缘内容”网站时,我对我们如何使用这种媒体感到失望。我们没有为人们提供他们想要的内容,而是全面扼杀侵入性广告,阻止人们使用充满可访问性增强工具的上下文菜单,并让人们跳过箍只是为了获得他们在搜索引擎中找到的一些内容。
这就是为什么我想向您展示如何使用浏览器开发人员工具来解决其中的一些烦恼。
作为首选浏览器,我使用 Microsoft Edge,因为它在任何 Windows 机器上都是免费的,可用于所有其他平台,而且我正在使用它。你可以随意使用任何你想要的东西,并且大部分功能也应该在其他浏览器中可用。
另一个重要的提醒是,您在这里没有做任何违法的事情,也无法通过您根据需要更改的产品进行追踪。
您在这些工具中所做的一切都发生在您的计算机上。您不会更改实时产品,如果您重新加载它,您的更改也会消失。
以下是任务以及如何使用浏览器开发人员工具完成这些任务:
您还有其他任务想知道如何完成吗?你有自己用的食谱吗?在“GitHub 存储库”https://ift.tt/JnsqLoY 上评论问题或在 Twitter 上联系我。