java web开发中如何使用浏览器进行网页调试

最好用的就是火狐的firebug了。安装好插件，F12呼出，  切换到脚本选项卡，  打上断点，跟在eslipse中调试代码差不多。

chrome和IE也有自己的调试插件，使用起来大同小异

你要想在本地改好在上传的话要装上iis才可，iis设置好以后在地址栏打开127001 就可以看到自己的网站了，用到的软件一般就是dreamweaver 找些教程自己看看。

IIS不一定要安装盘，没有安装盘的话在网上也可以下载到

1 安装 IIS

IIS 是Internet Information Server的缩写为，翻译成中文就是互联网服务器，主要的作用就是提供页面浏览，不管是HTML 的静态页面，还是ASP，PHP的动态页面，都是由IIS提供服务的。

IIS的添加，默认安装好的 WINDOWS 2003 Enterprise Server 企业版是没有IIS，我们把光盘放入光驱，选择 安装可选的windows 组件

IIS添加

在d出的windows 组件向导中，我们选择 应用程序服务器，点击 详细信息 ， Internet 信息服务（IIS） ，点击 详细信息 ，万维网服务，点击 详细信息，选中Active Server Pages，这样才能在IIS 中使用ASP动态语言，另外如果您打算使用ASPNET 程序，请在ASPNET上打勾，这样在安装好IIS后，才能支持相应的动态语言。

选择 应用程序服务器

2 配置 IIS

安装好IIS ，我们可以在开始——设置——控制面板——管理 中找到 INTERNET信息服务IIS管理器。

首先在左侧菜单 “网站” 点击右键——属性， 如果有多块网卡，把连接路由器的那块网卡的IP作为主IP， 然后在IP地址后的高级选项里，添加127001，以便测试网站。

添加网站

在主目录选项卡，将准备存放网页文件的文件夹作为主目录

设置主目

点击应用程序设置——配置，在选项里勾选 启用父路径 默认ASP语言 VBScript， 在调试里勾选 启动ASP服务器端脚本调试，启动ASP客户端脚本调试

应用程序设置——配置

在文档选项卡，添加 indexasp 作为默认内容页，并上移至第一的位置。

添加默认内容页

如果存放网页目录的磁盘时NTFS分区，建议给网页目录文件夹以一定的权限，否则有可能造成网页出错

给网页目录文件夹以一定的权限

我们写一句最简单的ASP语言来测试IIS配置是否成功，新建一个记事本，写入<%=now()%>,这句代码的含义是显示当前时间，将这个记事本文件存成indexasp ,在IE浏览器里输入127001 ，如果能显示当前时间 就说明IIS配置完全正确，可以开始下一步的工作了

测试IIS配置是否成功

1

打开 仿真面板。

2

可以在 Device 选择设备。

可以在Screen 设置模拟的屏幕方面的东西，设置分辨率，屏幕尺寸。

可以在 User Agent 设置 客户端Agent

可以在 sensors 设置感应等，模拟触屏 *** 作。

3

配置好之后，点击 Emulate 。开始进行仿真。

（选择Device需要点击emulate)其余选项是在修改后自动改变。

4

如何假设 平板旋转屏幕？

可以在 screen中，点击分辨率中间的互换按钮就可以了。

使用Chrome浏览器调试，配置好调试设置之后，可以自由输入 网址查看 在移动设备上的现实情况。

Safari Developer Tools 基本等同于 Google Chrome Developer Tools， 图标基本一样。

类似于 firebug 跟 IE8的 developer tools也基本一样。

但是用之前需要：

打开 preferrence

打开 Advanced Tab，在最下面的 "Show develop menu " 前面打钩。

然后回到页面， ctrl + alt + i 就欧了。

一、iOS + Safari

1、打开手机web检查器。

通过设置>Safari>高级>Web检查器打开。见下图（大图），并且你会看到该选项下面对电脑 *** 作的相应描述，照做就好。

2链接电脑（Mac）

21 先在手机Safari中打开你想调试的网页，并用数据线连接到电脑（我这里是Mac）

22 再在电脑上打开Safari点击Develop菜单，就会看到如下图所示（大图）：

33 点击22中的网站名就会在电脑上打开Safari的控制台，如下图（大图）：

3调试网页

如上33图所示，此时你可以查看手机网页的DOM结构，并且和电脑端网页调试无异，当鼠标滑过这些DOM节点的时候手机上的相应布局也会高亮起来，如下图（大图）：

二、Android + Chrome

1设置手机

11设置>关于手机>版本号（Build number），对版本号这一项连点7下（这是官方文档里的说法）就会提示“你已成为开发者”。

12 再返回设置>开发者选项>USB调试打开手机USB调试。

2设置电脑（Mac）

这块比较麻烦，因为要装一下Android的SDK。

21 下载Android SDK，并解压，我把整个adt目录放在了 /Users/David/adt/ 这里。

22 设置环境变量 。打开终端在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 出现命令帮助信息就是成功了。

23 在终端里输入 adb forward tcp:9222 localabstract:chrome_devtools_remote 。

3链接电脑

31 在手机上的Chrome里打开想要调试的网页，用数据线连接手机和电脑（我的是Mac。唉～我只是强调平台的不同，不要误会）。

32 打开电脑上的Chrome，在地址栏里输入 about:inspect 选中 Discover USB Devices前面的复选框。出现下图画面（大图）：

4调试网页

41 你可以点击图32中检测到的设备上正在运行的网站下面那个inspect，或者在浏览器中输入 localhost:9222 打开手机正在浏览的网页列表，如下图：

42 点击上图中的网站缩略图，就会跳转到Google的一个代理链接（链接可能被墙……，挂代理）就会打开如下图所示的控制台（大图）：

43 这就和电脑上网页调试没什么差别了，鼠标经过DOM节点，手机上的布局同样也会高亮起来：

好的，完结。

请不要盗用我的答案！！

一号方案新P

注意原创：

1．安全模式下，效果更好！

2 以下所要使用的软件，都要安装或升级到最新版本，以保证使用的效果。

3 不杀毒，直接使用以下方法也可以 。若效果不好，就在安全模式下用优质杀毒软件（如：卡巴斯基）杀一下，360安全卫士最好也用一下。

（用360安全卫士的“杀木马”----“全盘扫描”。杀完重启。）

以下方法，不一定都要用，可以一个一个去试。有时，仅第一个就管用了。

一 关闭浏览器，打开新版本360安全卫士的“系统修复”， 可根据情况，将“主页修复”“系统修复”“IE修复”选择打钩（也可全选。至少要选“系统修复”），再点“一键修复”。（懒得安装它，就直接用360急救箱） 。

再用360急救箱。按步骤 *** 作：先“开始急救”；扫描完后，出现木马，就点“隔离”；再点“修复” （可以全选）――“立即修复”。 接着，点“恢复丢失的DLL文件”，添加系统检测时所得知丢失的DLL文件，再点“立即修复’。“修复网络”视情况而决定是否修复。完后，应重启。

二用360安全卫士的“清理插件”进行扫描，扫除恶意插件后，进行清理。完后应重启。

三用windows清理助手（从网上下载）。扫描后(若扫出东西，都勾并清理)，再用故障修复（全选），然后在桌面点鼠标右键刷新。安全模式下效果好。

也可考虑用金山急救箱点扫描后，如果出现可以修复的项目，全选后，点修复即可。

强调------1修复中，杀软或360有提示时，请点允许。 *** 作中如提示重启就重启下电脑。2效果不好时，看“注意”中的三点。 3 完后，效果不好的话，也可考虑系统还原一下（选好还原点）。

祝你成功

以上就是关于java web开发中如何使用浏览器进行网页调试全部的内容，包括:java web开发中如何使用浏览器进行网页调试、新网站如何实现本地调试、如何调试移动端网页等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！