其实谷歌浏览器php调试的问题并不复杂，但是又很多的朋友都不太了解谷歌浏览器调试代码，因此呢，今天小编就来为大家分享谷歌浏览器php调试的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

本文目录

1. chrome 如何调试js
2. flash怎么把数据传到后台最好是php
3. 请问下为什么我在DW 打了PHP代码, 在浏览器调试却显示...

一、chrome 如何调试js

使用的工具：谷歌浏览器、测试的网站；

1、f12打开开发者工具，控制台介绍：

Elements：页面元素，可以进行编辑，保存后实时查看页面效果；

Network：查看js模拟的http请求，例如下图中修改购物车中商品数量，可以实时的看到请求地址，直接上图。

2、点击请求地址，会把请求的头信息和响应信息等数据展示出来，此处非常便捷，展示样式比firebug更直观，直接上图，可以点击查看头信息，preview，响应信息，cookie，timeline对我们有用的。注意，preview是此处模拟http请求的发送数据，直接预览出来了。

3、Sources：次功能是js页面调试中最突出的功能，上图。

功能介绍：左侧sources目录可以展开，查看加载本页面所调用的资源，如js，css，php。此处先介绍断点调试，可以顺序的看到程序的执行过车，勾选右侧的Any XHR按钮，上图。

4、一步一步执行，如添加数量的时候，可以看到右侧的call stock进程，可以看到此处出发了js中changePrice()函数，在此处我们可以进行逻辑分析了。或则在代码行处单击设置断点，英文选项是add breakpoints，单击右击都可以，最是好用，上图。

5、可以查看你设置的所有断点，右侧展开，如图，断点调试用的比较多，当然了还可以在js里直接写代码，查看实时数据变化，查看要注意ctrl+s保存操作。

6、Timeline：次功能是查看页面性能，页面渲染速度的，一般是用不到的。测试人员可以查看，图中展示一些性能参数供参考，上图。

Profile：次功能主要测试加载文件速度参考，可以在此处上传我们的文件供测试用。点击 Load上传即可，一般用不着。

备注：Console：此功能是模拟js控制台，直接写代码，查看结果。高级功能使用时开启断点，查看变量的变化过程。还可以条用函数。

二、flash怎么把数据传到后台最好是php

不好说，给你转个教程吧。后台的话还是要JS来调用。

Flash是可以轻松与网页交互数据的，不然为何Flash会有这么大的生命力呢？只是这样编程比较麻烦而已，又要调试Flash，然后又要放到服务器上调试。不过这样的方式能够收到很好的效果，Flash强大的绘图功能、图形功能，能够与网页的参数传递联系起来，配合后端的服务器语言，能够收到很大效果。

下面举个例子用ActionScript3.0来说明这个问题，如下图：

一旦浏览器装上Flash插件，Flash就能够轻松与网页互通消息。无论在任何浏览器，现在基本上用户都会装上Flash组件的，可以这样说，几乎就没有不装Flash组件的浏览器。

1、首先，新建一个ActionScript3.0的Flash，新建之后就保存为webPage.fla，这次的Flash无须这么大的尺寸，否则网页中会有很多的留白，设置大小为500x100px就可以了。播放器的版本按照默认就可以，因为用户的浏览器Flash组件会自动更新的。这个不用管。

2、通过窗口->组件，或者Ctrl+F7打开组件面板，利用自带的按钮、标签文本、输入框组件布置界面。

3、拖出如下的界面，设置各个组件的属性如下，设置其text值，也就是要显示的文字，为部分要控制的组件设置实例名称，也就是Id，比如按钮设置成Button1，输入框设置成EditField1，一会儿要给网页JavaScript控制的标签文本的text值清空，其实例名称为Label1。

4、之后点击第一帧，打开动作面板，或者点击F9，写入如下的代码：

[javascript] view plain copy print?

importflash.external.ExternalInterface;

flash.system.Security.allowDomain("*");

flash.system.Security.allowInsecureDomain("*");//设置允许所有网站都允许Flash与网页之间交互

Button1.addEventListener("click",function(){//点击Button1这个按钮

ExternalInterface.call("show",EditField1.text);

//则调用JavaScript中的functionshow(message){}函数，其中message这个参数值，由EditField1输入的东西填充

functionJavaScriptShow1(message1){

//定义一个函数，一旦这个函数触发则把传来的值，填充Label1这个标签文本

ExternalInterface.addCallback("JavaScriptShow1",JavaScriptShow1);

//注册JavaScriptShow1这个函数，其对外名称为JavaScriptShow1，一般都应该相同的

//网页调用Flash对象的JavaScriptShow1的方法，则相当于调用ActionScript中的JavaScriptShow1(message1){}函数

5、此时Flash的部分完毕，选择文件->发布，打开Flash保存的文件夹。其实上面的内容比《【ActionScript】ActionScript3.0的Helloworld》（点击打开链接）没复杂多少，只是多了两句注册ActionScript与JavaScript的交互的语句而已。

1、之后，要把这个Flash布置到网页上。Flash发布之后，会在网页中生成两个东西一个html与一个swf，核心文件是.swf文件，html文件不能照搬的，只能借鉴其中的代码，否则不能兼容野狐禅、谷歌等浏览器。

这个由Flash生成webPage.html页面，可以借鉴的代码如下：

2、由于Flash禁用了Flash调用本地文件的功能。你只能把这个webPage.swf拷贝到你的服务器上调试。之后在服务器上新建一个.html的页面，这里以swf.html与webPage.swf同目录做例子，如果不同例子请自己设置好绝对路径，假设是swf.html，swf.html的HTML布局如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""">

<htmlxmlns=""lang="zh-CN"xml:lang="zh-CN">

<title>webPage</title>

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

<inputtype="text"id="text1"/>

<buttononclick="toFlash()">发信息给Flash！</button>

<!--这段代码的部分可以在发布出来的html中截取-->

<objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"width="500"height="100"id="webPage"align="middle"><!--这里的id是为了flash给IE系列浏览器控制-->

<paramname="movie"value="webPage.swf"/><!--为IE浏览器指明flash的路径-->

<paramname="quality"value="high"/>

<paramname="bgcolor"value="#ffffff"/>

<paramname="play"value="true"/>

<paramname="loop"value="true"/>

<paramname="wmode"value="window"/>

<paramname="scale"value="showall"/>

<paramname="menu"value="true"/>

<paramname="devicefont"value="false"/>

<paramname="salign"value=""/>

<paramname="allowScriptAccess"value="always"/><!--这里一定要设置成always，打开Javascript与Actionscript的交互权限-->

<!--对野狐禅、谷歌等有效的代码-->

<embedsrc="webPage.swf"width="500"height="100"id="webPage"></embed><!--这里的id是为了flash给野狐禅、谷歌等浏览器控制，src的值为野狐禅、谷歌等浏览器指明flash的路径-->

之后的JavaScript布局，是ActionScript与JavaScript交互的核心，代码如下：

[javascript] view plain copy print?

<scripttype="text/javascript">

<scripttype="text/javascript">

//给ActionScript所调用的JavaScript函数，message这个参数被ActionScript传递过来的值所填充

//获取Flash对象的函数，不同的对象有不同的方法。为了兼容，只能这样写。

if(window.document[movieName]){

if(navigator.appName.indexOf("MicrosoftInternet")==-1){

if(document.embeds&&document.embeds[movieName])

returndocument.embeds[movieName];

returndocument.getElementById(movieName);

varflash1=getFlash('webPage');

//JavaScript调用ActionScript中注册为JavaScriptShow1的函数

vartext1=document.getElementById("text1").value;

flash1.JavaScriptShow1(text1);

综上所述，webPage.swf与swf.html的交互如下图：

三、请问下为什么我在DW 打了PHP代码, 在浏览器调试却显示...

1.你确定代码是输出内容的。例如echo 123;

以上是因为缩略图看不清你的代码

3.你打开网页的路径是客户端绝对路径，例如

php网页需要从服务器端打开，即从你配置环境的服务器的主目录打开

例如服务器目录为D:/web。打开其下的123.php就是location/123.php

主目录就是配置环境的时候修改的Directory项（apache服务器）

你可以检查配置环境时候的步骤，找到那个目录，然后把php文件放进去，用这个方法打开。DW的F12是不管用的

谷歌浏览器php调试和谷歌浏览器调试代码的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！