【在GOOGLE浏览器中模拟移动浏览器 调试Web app】的更多相关文章

在GOOGLE浏览器中模拟移动浏览器 调试Web app

在此记录下,以便在今后的工作中用到. 首先通过F12 or Ctrl+Shift+i,打开开发者工具,点击开发者工具面板的 (show  drawer)按钮,出现如下图所示的面板: 切换至Emulation选项卡中,在这里我们就可以自由地模拟各种各样的移动浏览器了,该功能支持了包括iPhone.ipad.google nexus系列等机型.   感兴趣的同学赶紧去试试吧.你会发现chrome是最好的web app开发利器.   温馨提示:需要在chorme 32版本后,才有些设置哦.   最后还…

在IE8等不支持placeholder属性的浏览器中模拟placeholder效果

placeholder是一个很有用的属性,可以提示用户在input框中输入正确的内容,但是IE8以及IE8一下的浏览器不支持该属性,我们可以使用js来模拟相似的效果.下面直接上代码: <!doctype html> <html> <header> <meta charset="utf-8"> <title>placeholder</title> <style type="text/css"…

让你在PC上调试Web App，UC浏览器发布开发者版

目前,在手机上使用浏览器访问网页,无法便捷地进行网页语言调试.手机屏幕相对较小且操作不便,直接在手机上进行网页数据调试不太现实. 因此,UC使用技术将手机网页调试信息分离,实现一种能在大屏幕.高配置PC上来调试小屏幕.低配置的手机浏览器访问的网页的开发工具——Remote Inspector(简称RI). 主要功能 Android平台UC浏览器开发者版,主要支持以下功能: DOM查看和修改 JavaScript调试.CSS调试 网络状态查看 资源文件查看 Console控制台 准备工作 手机端…

夜神模拟器调试web APP

前言:之前工作之余的时间自己做了一个web APP,但是都是在浏览器上调试的,这次想看看在手机上啥效果,所以下载了一个夜神模拟器 一.下载夜神模拟器 https://www.yeshen.com/ 二.设置端口并打开webAPP 我用的编辑器是hbuilderx,夜神模拟器默认的端口是62001,配置编辑器端口完之后,运行到手机或模拟器, 还需要设置网络,点击夜神模拟器设置 然后就可以在夜神模拟器上打开你的webAPP了 三,关于夜神模拟器访问服务端跨域问题 一般前后端分离都会涉及到跨域问题,关…

调试WEB APP多设备浏览器

方法:adobe shadow  \ opera远程调试\ weinre adobe shadow: 我们经常使用Firefox的firebug或者Chrome的开发人员工具进行Web调试页面,JavaScript,DOM元素和CSS样式的调试.但是,当我们为移动Web站点或应用进行调试时,这些工具就很不方便,因为不知道在手机上或者pad看到的效果是怎样的?                解决方案一: adobe shadow                我们先来安装Adobe Edge In…

调试WEB APP多设备浏览器(转)

  方法:adobe shadow  \ opera远程调试\ weinre adobe shadow: 我们经常使用Firefox的firebug或者Chrome的开发人员工具进行Web调试页面,JavaScript,DOM元素和CSS样式的调试.但是,当我们为移动Web站点或应用进行调试时,这些工具就很不方便,因为不知道在手机上或者pad看到的效果是怎样的?                解决方案一: adobe shadow                我们先来安装Adobe Edge…

在chrome浏览器中调用IE浏览器并访问（openIE.reg自定义协议）

在谷歌浏览器中有4种方法调用IE浏览器.如下: c++ socket通过浏览器在ie中打开指定url : vb生成exe,url访问exe启动ie并打开指定url : 通过socket实现通过http调用IE浏览器并打开指定url : chrome自定义协议. 今天我们就来说一下使用chrome自定义协议打开ie浏览器并访问指定页面. 当然,有很多网友都写过,我这里就借花献佛了. 使用方式: 添加一个注册表: 在chrome里面用a标签编写一个跳转链接: 优化用户体验. 添加注册表 在桌面上建立…

[转]谷歌Chrome浏览器开发者工具教程—JS调试篇

来源:http://blog.csdn.net/cyyax/article/details/51242720 上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工具中最有用的面板Sources. Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要功能面板.通常只要是开发遇到了js报错或者其他代码问题,在审视一遍代码而一无所获之后打开Sources进行js断点调试,几乎能解决8成的代码问题. js断点功能让人兴奋不已,以前只能在IE…

<td></td>标签的border 样式在浏览器中显示不出来

问题: 在一些浏览器中比如360浏览器的兼容模式下, <td style="border:1px solid red;"></td> 标签 中 的内容为空时,即 :<td style="border:1px solid red;"></td>  ,她的样式 border 失效. 解决方法: <td style="border:1px solid red;"> </td>…

为什么eclipse中启动tomcat后，浏览器中出现404?

问题描述: tomcat压缩包加压后,启动lib文件夹下面的startup.bat,在浏览器中输入http://localhost:8080/后出现熟悉的界面. 但是在eclipse中,jsp可以正常运行,然而在浏览器中输入http://localhost:8080/后,出现404界面,在网上搜了不少. 最终解决了,一个小小的问题分享一下. 启动startup.bat出现的界面: 在浏览器中输入:http://localhost:8080/ 出现下面界面: 但是在jsp中启动tomcat,在浏览…