【问题标题】:Is it possible to see how your html & css code would look on a mobile device without actually have a website url?是否可以在没有实际网站 url 的情况下查看您的 html 和 css 代码在移动设备上的外观?
【发布时间】:2014-06-15 18:43:59
【问题描述】:

我有一个项目要做,我迫切需要一个网站,它可以向我展示使用我拥有的代码的移动网站的外观。问题是我没有可以使用它的网站 url 来显示随它提供的图像。

谢谢,

亚当

【问题讨论】:

    标签: html css testing mobile tablet


    【解决方案1】:

    您可以使用 Google Chrome 的模拟功能。打开您的网页并点击Ctrl+Shift+J 打开开发工具。在那里,单击“抽屉”图标(右起第三个)-它将打开抽屉面板。在那里,使用“仿真”选项卡 - 它允许您从不同的各种设备中进行选择。 Chrome 将模拟屏幕分辨率、输入和用户代理字符串。

    【讨论】:

    • 很好的答案,我使用模拟器也取得了一些成功。这是一个不错的功能,但我发现它有问题,我更喜欢使用Opera Mobile Emulator
    • 每个人的回答都很好,我从来不知道有这样的模拟器!它为我节省了很多时间!谢谢!
    【解决方案2】:

    在您的桌面上获取页面并调整窗口大小,使其类似于移动设备的大小。几乎你正在使窗口与手机浏览器的像素大小相同。

    就图片而言,您需要一个网址。你也许可以使用这个 http://jsfiddle.net/

    【讨论】:

      【解决方案3】:

      在 Firefox 中,您可以使用命令“ctrl+shif+m”来使用响应式设计布局。

      这配置了设备的默认范围。

      您也可以在 firefox 和 chrome 中安装“web developer tool”。它有一个“调整大小”工具,可以在移动设备和平板电脑视图中显示您的页面。

      【讨论】:

        猜你喜欢
        • 2022-11-22
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-07-25
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多