㈠ 移动端网页用什么工具开发,和用什么工具调试
一、iOS + Safari
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图(点击查看大图),并且你会看到该选项下面对电脑操作的相应描述,照做就好。
2.链接电脑(Mac)
2.1 先在手机Safari中打开你想调试的网页,并用数据线连接到电脑(我这里是Mac)
2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图):
3.3 点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图):
3.调试网页
如上3.3图所示,此时你可以查看手机网页的DOM结构,并且和电脑端网页调试无异,当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来,如下图(点击查看大图):
二、Android + Chrome
1.设置手机
1.1【设置】>【关于手机】>【版本号(Build number)】,对版本号这一项连点7下(这是官方文档里的说法)就会提示“你已成为开发者”。
1.2 再返回【设置】>【开发者选项】>【USB调试】打开手机USB调试。
2.设置电脑(Mac)
这块比较麻烦,因为要装一下Android的SDK。
2.1 下载Android SDK,并解压,我把整个adt目录放在了 /Users/David/adt/ 这里。
2.2 设置环境变量 。打开终端在David路径下(形如 DaviddeMacBook-Pro:~ David$)输入 open .bash_profile,如果文件存在则会打开,如果不存在则再输入touch .bash_profile 创建并打开这个文件。在文件里输入export PATH=$PATH:/Users/David/adt/sdk/platform-tools:/Users/David/adt/sdk/tools ,关闭保存。最后在终端里输入 source .bash_profile 来更新环境变量使其生效。终端里输入 adb 出现命令帮助信息就是成功了。
2.3 在终端里输入 adb forward tcp:9222 localabstract:chrome_devtools_remote 。
3.链接电脑
3.1 在手机上的Chrome里打开想要调试的网页,用数据线连接手机和电脑(我的是Mac。唉~我只是强调平台的不同,不要误会)。
3.2 打开电脑上的Chrome,在地址栏里输入 about:inspect 选中 【Discover USB Devices】前面的复选框。出现下图画面(点击查看大图):
4.调试网页
4.1 你可以点击图3.2中检测到的设备上正在运行的网站下面那个【inspect】,或者在浏览器中输入 localhost:9222 打开手机正在浏览的网页列表,如下图:
4.2 点击上图中的网站缩略图,就会跳转到Google的一个代理链接(链接可能被墙……,挂代理)就会打开如下图所示的控制台(点击查看大图):
4.3 这就和电脑上网页调试没什么差别了,鼠标经过DOM节点,手机上的布局同样也会高亮起来:
㈡ 电脑上safari如何给iphone调试
1.设备端:打开手机端Safari的web检查器具体步骤:设置(Setting)->Safari->高级(Advanced)->打开web检查器(webinspector)2.Mac端:打开Mac端Safari的开发者模式具体步骤:打开Safari->偏好设置->高级勾选“在菜单栏中显示“开发”菜单”选项3.将手机通过数据线连接到电脑4.用手机打开一个webview5.电脑端打开safari->开发->找到你要监控的设备名字->选中该设备下打开的webview的url即可进入监控界面6.根据需求寻找你需要监控的内容,我监控的是cookie,所以我可以在储存空间的分类里直接查看。
㈢ iPhone手机safari设置里的web检查器什么意思还有javascript什么意思
javascript那个选项一定要开着,javascript是网站浏览器中的脚本语言,绝大部分网站都使用了javascript。关闭的话,会导致网站上面好多功能无法使用。web检查器是开发人员用的,需要用数据线和电脑连接,才能使用,不会要关心这个。
㈣ 我想用手机测试自己写的web页面,该怎么做
我来说个简单的办法
开发好页面,先用谷歌浏览器的手机屏幕模拟功能看一下
去xampp官网下一下这个软件,在本地建一个简单的服务器,然后把自己的页面放到服务器上打开,你的页面路径应该类似于http://192.168.1.2/xampp/demo/index.html这种样子
打开网络随便输一个二维码生成器,把上面的地址粘进去生成二维码
拿出手机打开微信或其他能扫码的浏览器扫码预览就可以了
想看修改代码后的样子重复第3步和第4步
注意点:你输入的网址前面的ip一定而且肯定是你自己电脑的ip地址,默认的情况下,地址是http://localhost/……,一定记得把localhost替换成你本地的ip,不然你扫码是扫不出来的。
㈤ html5开发的页面怎么在iphone上调适
用iphone调试html5页面的方法如下:
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图(点击查看大图),并且你会看到该选项下面对电脑操作的相应描述,照做就好。
㈥ 怎么使用Safari 调试 Web页面
具体操作如下:
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图(点击查看大图)
2.链接电脑(Mac)
2.1 先在手机Safari中打开想调试的网页,并用数据线连接到电脑(这里是Mac)
2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图):
2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图):
3.调试网页
如上2.3图所示,此时可以查看手机网页的DOM结构,并且和电脑端网页调试无异,当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起
㈦ safari中web是开还是关
具体操作如下:
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图(点击查看大图)
2.链接电脑(Mac)
2.1 先在手机Safari中打开想调试的网页,并用数据线连接到电脑(这里是Mac)
2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图):
2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图):
3.调试网页
如上2.3图所示,此时可以查看手机网页的DOM结构,并且和电脑端网页调试无异,当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来,如下图(点击查看大图):
㈧ 如何在移动设备上调试html5开发的网页
1、打开手机web检查器。
通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图(点击查看大图),并且你会看到该选项下面对电脑操作的相应描述,照做就好。
㈨ 如何使用Safari 调试 Web页面
具体操作如下: 1、打开手机web检查器。 通过【设置】>【Safari】>【高级】>【Web检查器】打开。见下图(点击查看大图) 2.链接电脑(Mac) 2.1 先在手机Safari中打开想调试的网页,并用数据线连接到电脑(这里是Mac) 2.2 再在电脑上打开Safari点击【Develop】菜单,就会看到如下图所示(点击查看大图): 2.3 点击2.2中的网站名就会在电脑上打开Safari的控制台,如下图(点击查看大图): 3.调试网页 如上2.3图所示,此时可以查看手机网页的DOM结构,并且和电脑端网页调试无异,当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来,如下图(点击查看大图):
㈩ 手机web服务器在哪打开
1.安装手机本地php+mysql服务器环境篇 :
1.1安装ksweb软件,安装好ksweb后,会在手机上生成一个文件夹htdocs,其目录是mnt/sdcard/htdocs,htdocs是网站的根目录。
1.2安装mysql 直接点击mysql管理,点击选择“是”然后解压便可自动安装。mysql的账号密码随后再改(在设置里面更改)。
1.3安装好MySQL之后,(如下图,打开phpmyadmin,表示安装成功!),另外,我们需要对ksweb进行一些设置方可更好使用。
1.3.1端口的更改步骤:(启用root更改80端口)手机服务器启用root方法如下图,在ksweb设置里面把root打钩。
1.3.2开启手机80端口方法:把8080端口改为80端口,并把PHP服务,MySQL都打勾。其他一些设置比如MySQL密码,开机自启动等选项大家根据需要自行修改即可!
1.4ksweb全部设置好后,我们打开手机本地服务器地址localhost:80,表示设置好了。
我们点击页面中的“Enter KSWEB Web Interface”可以看到手机服务器的一些配置信息(默认账号密码都是“admin”)。表示手机服务搭建成功,一切正常!
2.利用nat123软件进行内网80端口映射篇:
2.1注册账号,我们先到其官网注册账号官网,大家网络nat123即可,至于怎么注册我就不说了。
2.2登陆并添加域名解析,
2.2.1 应用名称,我填的是网络电视直播—在线看电视。假如你要搭建自己的博客,你可以填XX的博客,或者XX的个人博客等。
2.2.2 内网端口,只有root的手机才填80端口,所以这也是为什么一开始我说手机需要root!
2.2.3 内网地址这个默认localhost就行。
2.2.4 外网域名,我这里使用的是自己的域名(当使用自己的域名时,用cname解析,下面有当前唯一cname地址,我们在自己的域名解析里面填这个就行)。如果我们没有自己的域名,我们可以用官方免费的二级域名,注意他的格式)一切填好之后,点击确认保存即可!
2.3 我们下载并安装登陆安卓版的nat123,就自动解析了,
3.4 接下来我们在另一台电脑上输入刚才的域名访问 如下图所示,表示安卓手机web服务器安装成功,网站搭建成功!