Javascript 根据从哪个设备查看文本来更改文本?

Javascript 根据从哪个设备查看文本来更改文本?,javascript,html,mobile,device,desktop,Javascript,Html,Mobile,Device,Desktop,我有一个网站。当我使用台式机和笔记本电脑时,一段文字会显示:单击此处 但当它在手机上观看时,我希望它说:点击这里 有没有可能在不为手机创建新网站的情况下实现这一点 谢谢 您可以使用js来完成: 设newText= 函数changeText{ 如果window.innerWidth>0&&window.innerWidth700{ newText=单击此处!; } document.getElementByIdtext.innerHTML=newText } 您最好按照其中一条评论中的描述说

我有一个网站。当我使用台式机和笔记本电脑时,一段文字会显示:单击此处

但当它在手机上观看时,我希望它说:点击这里

有没有可能在不为手机创建新网站的情况下实现这一点


谢谢

您可以使用js来完成:

设newText= 函数changeText{ 如果window.innerWidth>0&&window.innerWidth<700{ newText=点击此处!; }否则,如果window.innerWidth>700{ newText=单击此处!; } document.getElementByIdtext.innerHTML=newText }


您最好按照其中一条评论中的描述说出该操作将执行的操作,但要直接回答您的问题,您只需通过css媒体查询即可:

.手机{ 显示:块; } .桌面{ 显示:无; } @仅介质屏幕和最小宽度:768px{ .手机{ 显示:无; } .桌面{ 显示:块; } }

点击此处


单击此处

是的,从用户体验/可访问性的角度来看,其中任何一个都可能是好的链接文本。相反,说出行动将起到什么作用,并避免整个混乱局面。例如,登录您的帐户或取消订阅。想象一下,像屏幕阅读器用户一样,孤立地遇到这些链接。它们完全没用。