Question

我努力让这项工作变得有效，并尝试了不同问题提供的多种解决方案，例如：Display live width and height values on changing window resize

php echo statement if screen is a certain size

+更多但没有点链接，你明白了。

我不确定为什么我无法让它按预期工作......

这是我想要完成的。在此页面上：http://www.websitebuilderexpert.com/website-builders-comparison-chart/ 如果您在谷歌浏览器中查看它并调整浏览器窗口大小，就好像您在手机上查看它一样会显示一条消息。这就是我想要完成的事情。该消息是否出现在某个内部宽度上。

在我的页面上，我使用jquery：<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

我正在尝试一些内联javascript，如：

<script type="text/javascript">
if( window.innerWidth < window.innerHeight) {
    echo 'Try the mobile version: <a href="example.com">click here</a>';
}
</script>

这似乎是首选方法

也尝试过：

<script type="text/javascript">
if( $(window).width() < 600 )
{
echo 'print something';
}
</script>

对于javascript来说，我绝对是一个菜鸟，所以除了尝试我在这里找到的一大堆建议外，我真的不知道自己做了什么。

有人能指出我正确的方向或提供一些指导吗？我非常感谢！感谢您的时间和考虑。

Answer 1

您的解决方案基本上是正确的，但您使用的是echo。 echo是一种PHP语言结构。 JavaScript中没有这样的东西。您最有可能使用alert()，如alert('Try the mobile version: <a href="example.com">click here</a>');？

这将做你想要的：

<script type="text/javascript">
if( window.innerWidth < window.innerHeight) {
    alert('Try the mobile version: <a href="example.com">click here</a>');
}
</script>

这是a working jsFiddle。

注意：您可以通过查看your browser's JavaScript console来查看错误（例如“未捕获的SyntaxError：Unexpected string”）。

当浏览器内部宽度<时，在网页上显示消息。内部高度与jquery或js

1 个答案: