1. 打开Chrome浏览器，点击菜单栏中的“更多工具”，然后选择“扩展程序”。
2. 在扩展程序页面中，点击右上角的“加载已解压的扩展程序”按钮，从本地文件中找到并选择需要安装的扩展程序。
3. 安装完成后，关闭扩展程序页面，重新打开Chrome浏览器。
4. 在Chrome浏览器的右上角，点击菜单按钮（三个点），然后选择“开发者工具”。
5. 在开发者工具中，点击左侧的“网络”选项卡，然后点击“控制台”。
6. 在控制台中，输入以下代码：
javascript
// 检查是否支持CSS属性
if (window.CSS) {
// 使用CSS属性
} else {
// 使用旧版CSS属性
}
7. 点击“控制台”下方的“同步所有更改”按钮，将更改应用到当前页面。
8. 点击“同步所有更改”按钮后，如果浏览器支持CSS属性，那么页面上的样式将会更新。如果浏览器不支持CSS属性，那么页面上的样式不会发生变化。
案例：假设有一个网页使用了CSS属性`border-radius`，但是浏览器不支持该属性。在上述步骤中，我们通过检查是否支持CSS属性来判断是否需要更新样式。如果浏览器支持`border-radius`属性，那么我们可以继续使用该属性；如果浏览器不支持`border-radius`属性，那么我们需要使用旧版CSS属性来替代。
