一款免费的响应式界面调试工具

蔚落 2023-10-16 15:23 5阅读 0赞

不知道大家平时开发响应式前端代码是如何调试的？是不是也跟我一样，通过浏览器的开发者工具来切换不同的界面尺寸来看验证效果呢？

![ac8de41667ba4edf8e50f8b575145e7c.png][]

可能是因为习惯了，平时就不停的切换不同尺寸来看效果。直到TJ君看到今天要推荐的这个免费工具，我才发现之前的调试方式好傻...

### 使用体验 ###

下面，我们还一起来看看今天要推荐的这款名为：[Responsively][]的免费工具。

它可以帮助我们更便捷的调试响应式界面的程序，如何便捷呢？

直接看下图：

![eaf9acd8b2064676b4aa833db49cb56a.png][]

这款工具通过将不同尺寸的界面一起显示的方式，让我们一次就能看到多个场景下的效果，是不是直观方便很多呢？

它还有很多有用的功能，比如：

元素审查：

![86ddc420ad7146f4a026f527dc1b6927.png][]

日夜模式：

![c77160b9e4134c90a22ada58bcb12cdd.png][]

### 支持平台 ###

[Responsively][]支持主流的操作系统，包括：Mac、Windows、Linux。感兴趣的小伙伴都可以试试看。

最后，老规矩，奉上地址：[https://responsively.app/，感兴趣的小伙伴可以前往体验。][https_responsively.app]

**欢迎扫描下方二维码，关注公众号：TJ君，订阅每日推荐，获取更多好用效率工具！**

> 欢迎关注我的公众号：程序猿DD。前沿技术早知道，弯道超车有希望！积累超车资本，从关注DD开始！

[ac8de41667ba4edf8e50f8b575145e7c.png]: https://img-blog.csdnimg.cn/ac8de41667ba4edf8e50f8b575145e7c.png
[Responsively]: https://www.didispace.com/article/tj/tj-free-responsively.html
[eaf9acd8b2064676b4aa833db49cb56a.png]: https://img-blog.csdnimg.cn/eaf9acd8b2064676b4aa833db49cb56a.png
[86ddc420ad7146f4a026f527dc1b6927.png]: https://img-blog.csdnimg.cn/86ddc420ad7146f4a026f527dc1b6927.png
[c77160b9e4134c90a22ada58bcb12cdd.png]: https://img-blog.csdnimg.cn/c77160b9e4134c90a22ada58bcb12cdd.png
[https_responsively.app]: https://responsively.app/%EF%BC%8C%E6%84%9F%E5%85%B4%E8%B6%A3%E7%9A%84%E5%B0%8F%E4%BC%99%E4%BC%B4%E5%8F%AF%E4%BB%A5%E5%89%8D%E5%BE%80%E4%BD%93%E9%AA%8C%E3%80%82