测试响应式设计
Testing responsive design
我正在使用 HTML、CSS 和 JS 开发网站,我使用 Bootstrap 使其响应。
我需要测试它以查看它在不同屏幕尺寸上的外观。
我应该如何测试它?
我应该使用 Google devtools 还是其他一些智能手机模拟器?
谢谢!
米奇,如果你保存了它,你可以在普通浏览器上打开它,例如Chrome 或 Firefox 并在那里测试它(control + o 和 select 来自您计算机的文件)。 HTML 和网页设计的伟大之处在于,您只需要一个编辑器和一个浏览器即可在发布之前进行测试
有多种浏览器工具可以测试响应式页面。
对于chrome - https://chrome.google.com/webstore/detail/browser-resize/pnmdcoaajafdppfpioijldebfbpogopn?hl=en-GB
对于 Firefox,请尝试 "ctrl+shift+M"。它将打开浏览器屏幕 re-sizable。在left-top上使用drop-down可以定义特定的height-width。
我相信 chrome 有一个选项,您可以为此设置不同的大小参数。
我正在使用 HTML、CSS 和 JS 开发网站,我使用 Bootstrap 使其响应。 我需要测试它以查看它在不同屏幕尺寸上的外观。 我应该如何测试它? 我应该使用 Google devtools 还是其他一些智能手机模拟器?
谢谢!
米奇,如果你保存了它,你可以在普通浏览器上打开它,例如Chrome 或 Firefox 并在那里测试它(control + o 和 select 来自您计算机的文件)。 HTML 和网页设计的伟大之处在于,您只需要一个编辑器和一个浏览器即可在发布之前进行测试
有多种浏览器工具可以测试响应式页面。
对于chrome - https://chrome.google.com/webstore/detail/browser-resize/pnmdcoaajafdppfpioijldebfbpogopn?hl=en-GB
对于 Firefox,请尝试 "ctrl+shift+M"。它将打开浏览器屏幕 re-sizable。在left-top上使用drop-down可以定义特定的height-width。
我相信 chrome 有一个选项,您可以为此设置不同的大小参数。