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

Question

我正在努力使它起作用，并尝试了通过以下不同问题提供的几种解决方案，例如：显示窗口上的Live Width和Height值，在更换窗口中

php Echo语句如果屏幕是一定大小

更多，但没有意义的链接，你明白了。

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

这是我要完成的。在此页面上：http：//www.websitebuilderexpert.com/website-builders-comparison-chart/如果您在Google Chrome中查看并调整浏览器窗口大小，就好像您在手机上查看它一样。这就是我要实现的目标。是出现在某个内宽的消息。

在我的页面上，我确实使用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>

这是一个工作的JSFIDDLE。

注意：您可以通过查看浏览器的JavaScript控制台来抓住这一点，在那里您会看到一个错误（例如" und offult syntaxerror：意外字符串"）。