php浏览器端调试输出方法

1.利用js打印到浏览器控制台 <?php function console_log($data) { if (is_array($data) || is_object($data)) { echo("<script>console.log('".json_encode($data)."');</script>"); } else { echo("<…

Chrome浏览器端调试JavaScript

1. 一个超级简单的html文件拉入chrome浏览器 2. 右键-->检查 3. 点击Sources 4. html的12行加个断点 5. 刷新页面,点开Console面板,输入变量num,我们看到了此时num的值 6. 右侧一排工具,可以前进跳过,取消断点等等…

代码如下: function getCookie(key){ var cookies=document.cookie; if(cookies.length>0){ var start=cookies.indexOf(key+"="); if(start<0){ return ""; } var end =cookies.indexOf(";",start); if(end<0){ end=cookies.length; } re…

PHP在浏览器上跟踪调试的方法以及使用ChromePhp、FirePHP的简单介绍

之前用ThinkPHP时发现有个 trace 函数可以跟踪调试,感觉很有意思,网上搜索了下类似的东西,发现了 ChromePhp ,以前没想过这样来调试 PHP 程序,感觉非常方便,很有用. ThinkPHP 使用的是自己生成的 HTML 随模版一起输出来显示,偶尔会遇到一些莫名其妙的问题,效果不是太好, 还有一些也是类似的方法,但输出的主要是在模版中增加 JS 代码,调用浏览器的调试方法进行输出调试如 console.log('PHP的一些调试输出内容'); ChromePhp 是通过hea…

PHP在浏览器上跟踪调试的方法以及使用ChromePhp、FirePHP的简介

之前用ThinkPHP时发现有个 trace 函数能够跟踪调试,感觉非常有意思.网上搜索了下类似的东西.发现了 ChromePhp ,曾经没想过这样来调试 PHP 程序.感觉非常方便,非常实用. ThinkPHP 使用的是自己生成的 HTML 随模版一起输出来显示,偶尔会遇到一些莫名其妙的问题,效果不是太好. 另一些也是类似的方法.但输出的主要是在模版中添加 JS 代码.调用浏览器的调试方法进行输出调试如 console.log('PHP的一些调试输出内容'); ChromePhp 是通过he…

在PC上测试移动端网站和模拟手机浏览器的5大方法

在PC上测试移动端网站和模拟手机浏览器的5大方法来源:互联网作者:佚名时间:03-19 10:14:54 [大中小] 最近公司要开发网站的移动版,让我准备准备知识,话说本人开发移动网站的经验还真不多,最悲剧的事情就是我的手机是个经典的诺基亚,而且公司还不给配手机,这是有多讨厌,没办法,没有手机只能用电脑模拟了;查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境w…

周记5——随机撒花特效、动态修改伪元素样式、contenteditable属性、手机端调试利器VConsole、浏览器端debug调试

记录一些小零碎知识点,以便日后查看~ 1.随机撒花特效教师节快到了,公司的产品提出一个需求:在IM(即时聊天)聊天界面弹出教师节的祝福“广告”,用户点击“发送祝福”按钮,聊天界面会随机撒花.这里的重点是随机撒花,下面会附上随机撒花的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"…

浏览器调试的必知必会，零基础足够详细-第一节console面板、移动端调试

前言本文已经发布视频点击查看开发过程中,浏览器的调试非常重要,可以说是必备的技巧,本文我就会分享一些自己掌握的技巧,欢迎补充我们默认使用Chrome浏览器,但是你使用新edge浏览器也是可以的在开发者界面中,你可以使用ctrl + shift +P打开快捷输入运行常用命令,这和mac上的非常相似也可以点击此处查看更多官方文档界面点击Dock side可以切换控制台显示位置,点击1.可以打开控制台设置在设置页面的appearance中可以进行更多的页面设置快捷键很多人去百度快捷…

做web项目时对代码改动后浏览器端不生效的应对方法（持续更新）

做web项目时,常常会遇到改动了代码,但浏览器端没有生效,原因是多种多样的,我会依据我遇到的情况逐步更新解决的方法 1.执行的时候採用debug模式,普通情况下使用项目部署button右边那个button下的tomcat7中的run即可,假设使用的是serves中的run serves,这样的情况貌似不会自己主动编译 2.点击project菜单下的clean选项,在打开的窗体中选择你使用的项目,ok,这样会删除tomcat容器中关于该项目的一些信息,然后又一次部署,执行 3.删除电脑中tomca…

做web项目时对代码修改后浏览器端不生效的应对方法（持续更新）

做web项目时,经常会遇到修改了代码,但浏览器端没有生效,原因是多种多样的,我会根据我遇到的情况逐步更新解决办法 1.运行的时候采用debug模式,一般情况下使用项目部署按钮右边那个按钮下的tomcat7中的run就行,如果使用的是serves中的run serves,这种情况貌似不会自动编译 2.点击project菜单下的clean选项,在打开的窗口中选择你使用的项目,ok,这样会删除tomcat容器中关于该项目的一些信息,然后重新部署,运行 3.删除电脑中tomcat文件夹,重新解压,然后在…