不知道大家平時開發響應式前端代碼是如何調試的?是不是也跟我一樣,通過瀏覽器的開發者工具來切換不同的界面尺寸來看驗證效果呢? 可能是因為習慣了,平時就不停的切換不同尺寸來看效果。直到TJ君看到今天要推薦的這個免費工具,我才發現之前的調試方式好傻... 使用體驗 下麵,我們還一起來看看今天要推薦的這款名 ...
不知道大家平時開發響應式前端代碼是如何調試的?是不是也跟我一樣,通過瀏覽器的開發者工具來切換不同的界面尺寸來看驗證效果呢?
可能是因為習慣了,平時就不停的切換不同尺寸來看效果。直到TJ君看到今天要推薦的這個免費工具,我才發現之前的調試方式好傻...
使用體驗
下麵,我們還一起來看看今天要推薦的這款名為:Responsively的免費工具。
它可以幫助我們更便捷的調試響應式界面的程式,如何便捷呢?
直接看下圖:
這款工具通過將不同尺寸的界面一起顯示的方式,讓我們一次就能看到多個場景下的效果,是不是直觀方便很多呢?
它還有很多有用的功能,比如:
元素審查:
日夜模式:
支持平臺
Responsively支持主流的操作系統,包括:Mac、Windows、Linux。感興趣的小伙伴都可以試試看。
最後,老規矩,奉上地址:https://responsively.app/,感興趣的小伙伴可以前往體驗。
歡迎掃描下方二維碼,關註公眾號:TJ君,訂閱每日推薦,獲取更多好用效率工具!
歡迎關註我的公眾號:程式猿DD。第一時間瞭解前沿行業消息、分享深度技術乾貨、獲取優質學習資源