Safari扩展的新版本已经发布，为Web开发人员增加了Kaleidoscope

Safari扩展的新版本已经发布，为Web开发人员增加了 Kaleidoscope

Kaleidoscope是Safari浏览器新增加的一个扩展功能，它主要用于Web开发和设计，通过Kaleidoscope，开发者可以实时预览和编辑CSS变量、HTML元素和JavaScript代码，从而大大提高了开发效率。

1、CSS变量预览和编辑：Kaleidoscope可以实时显示CSS变量的值，并允许开发者直接在浏览器中修改这些值，这使得开发者可以快速调整样式，而无需在代码编辑器和浏览器之间来回切换。

2、HTML元素检查：Kaleidoscope可以高亮显示HTML元素，并显示其相关的CSS规则，这使得开发者可以更容易地理解和调试复杂的CSS结构。

3、JavaScript代码执行和调试：Kaleidoscope可以在浏览器中直接执行JavaScript代码，并提供断点调试功能，这使得开发者可以更方便地进行JavaScript开发和调试。

1、安装Safari扩展：你需要在Safari的扩展商店中找到Kaleidoscope，并进行安装。

2、打开Kaleidoscope面板：安装完成后，你可以在Safari的菜单栏中找到Kaleidoscope，点击后会打开Kaleidoscope面板。

3、开始使用：在Kaleidoscope面板中，你可以看到当前网页的CSS变量、HTML元素和JavaScript代码，你可以在这里进行预览、编辑和调试。

1、实时预览：Kaleidoscope可以实时显示CSS变量和HTML元素的值，使得开发者可以立即看到修改的效果。

2、高效编辑：Kaleidoscope允许开发者直接在浏览器中修改CSS变量和HTML元素，无需在代码编辑器和浏览器之间切换，大大提高了开发效率。

3、强大调试：Kaleidoscope提供了断点调试功能，使得开发者可以更方便地进行JavaScript开发和调试。