要在Chrome浏览器中检查网页元素定位和实时修改前端代码，可以使用开发者工具。以下是操作步骤：
1. 打开Chrome浏览器，访问需要检查的网页。
2. 在地址栏输入`chrome://inspect`（Windows系统）或`chrome://inspect/devices`（Mac系统），然后按回车键进入开发者工具。
3. 在开发者工具中，点击左侧的“Elements”选项卡，然后点击“Inspect”按钮。
4. 在右侧的“Elements”面板中，可以看到当前页面的所有元素及其属性、样式等信息。你可以使用这些信息来定位和修改网页元素。
5. 如果需要实时修改前端代码，可以在开发者工具中点击“Console”选项卡，然后输入JavaScript代码进行调试。
6. 在开发者工具中，还可以使用“Sources”面板查看和编辑HTML、CSS等文件。
7. 完成开发后，点击“Done”按钮关闭开发者工具。