欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

程序员文章站 2022-04-29 19:28:24
...

配置是:php+apache+mysql+windows

二级菜单是通过js+css完成的效果:

以下手机上显示的页面,左边的二级菜单打不开(javascript脚本根本没有被加载,因为鼠标悬浮的是否没有打开二级菜单):
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

而电脑上显示的页面是这样的:
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

还有,我设置的下面的主体内容的宽度是通过js获取屏幕分辨率设置的:
var s_info={

 width:window.screen.width, //这个在电脑上有效
 height:window.screen.height

};
$id('con').style.width=s_info.width*0.95+'px'; // $id() 函数是我自定义的
内部的子元素是通过百分比设置的,然,在手机上由于js脚本没有加载,导致页面就成了第一张图显示的那样。

以下是我通过模拟手机页面的图片,js脚本加载是正常的(二级页面还是打得开的,js脚本加载是正常的):
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

以下,是我在查看这个页面的源码显示的内容:
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

就是不知道,在实际的手机上测试的时候:
1:js脚本没有加载
2:在手机上测试的时候,页面出现太多的空白区域(第一张图),而在电脑上浏览却几乎没什么空白区域(第二张图)

就两个问题,求大神解决。。。。

回复内容:

配置是:php+apache+mysql+windows

二级菜单是通过js+css完成的效果:

以下手机上显示的页面,左边的二级菜单打不开(javascript脚本根本没有被加载,因为鼠标悬浮的是否没有打开二级菜单):
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

而电脑上显示的页面是这样的:
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

还有,我设置的下面的主体内容的宽度是通过js获取屏幕分辨率设置的:
var s_info={

 width:window.screen.width, //这个在电脑上有效
 height:window.screen.height

};
$id('con').style.width=s_info.width*0.95+'px'; // $id() 函数是我自定义的
内部的子元素是通过百分比设置的,然,在手机上由于js脚本没有加载,导致页面就成了第一张图显示的那样。

以下是我通过模拟手机页面的图片,js脚本加载是正常的(二级页面还是打得开的,js脚本加载是正常的):
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

以下,是我在查看这个页面的源码显示的内容:
javascript - 手机端访问电脑上写好的php页面,js脚本失效是怎么回事?

就是不知道,在实际的手机上测试的时候:
1:js脚本没有加载
2:在手机上测试的时候,页面出现太多的空白区域(第一张图),而在电脑上浏览却几乎没什么空白区域(第二张图)

就两个问题,求大神解决。。。。

有的js文件在手机上是不支持的