javascript - 如何访问哈巴狗中的 JavaScript 变量值？

Question

我的 index.pug 文件如下所示:

head
    script(type="text/javascript").
        var isMobile = (screen.width || window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) <= 480;
body
    if isMobile
        include nav_mobile
    else
        include nav

我写了上面的代码，但没有得到想要的结果。 (isMobile 似乎总是null)

我怎样才能得到 JavaScript 变量的值给哈巴狗？

Answer 1

获取屏幕尺寸的方法不止一种。具体来说，对于哈巴狗，我建议编写一个页面，其中包含一个获取屏幕大小和 redirects 的脚本。到正确的端点或将详细信息添加到 session 或 URL 查询，然后将它们发送到服务器，然后您可以在您的路线上获取它们并将它们传递给 pug renderer .

同样在未来，我会建议使用 CSS 来处理移动/桌面设计，而不是使用 javascript 来处理它。因为如果您在使用任一版本时更改屏幕尺寸，都不会更改设计，您将不得不重新加载页面。