要通过代码监控网页性能变化指标，可以使用Google Chrome的开发者工具。以下是使用Chrome开发者工具监控网页性能变化的步骤：
1. 打开Chrome浏览器，访问需要监控性能的网页。
2. 按下F12键，打开开发者工具。
3. 在控制台（Console）中输入以下代码：
javascript
console.time('Performance Monitor');
// 在这里添加你想要监控的性能相关的代码
// 例如：performance.timing();
console.timeEnd('Performance Monitor');

4. 运行代码后，控制台会显示一个名为“Performance Monitor”的时间戳。你可以根据需要修改代码中的部分，以便在特定时间点获取性能数据。
5. 若要查看性能数据，可以在控制台（Console）中输入以下代码：
javascript
console.time('Performance Data');
// 在这里添加你想要查看的性能相关的代码
// 例如：performance.timing();
console.timeEnd('Performance Data');

6. 运行代码后，控制台会显示一个名为“Performance Data”的时间戳。你可以根据需要修改代码中的部分，以便在特定时间点获取性能数据。
7. 若要查看性能数据的变化趋势，可以在控制台（Console）中输入以下代码：
javascript
var startTime = performance.now(); // 获取开始时间
// 在这里添加你想要监控的性能相关的代码
// 例如：performance.timing();
var endTime = performance.now(); // 获取结束时间
var duration = endTime - startTime; // 计算性能数据的变化趋势
console.log('Duration: ' + duration + ' ms'); // 输出性能数据的变化趋势

8. 运行代码后，控制台会显示一个名为“Duration”的时间戳，表示性能数据的变化趋势。你可以根据需要修改代码中的部分，以便在特定时间点获取性能数据。