时间:2014-11-26 来源:

使用chrome浏览器的console调试前台页面【互联网】

测试用html:

在chrome浏览器中使用ctrl+shift+j调用console工具.

我们想要查看页面js中定义的变量a的值,可以使用alert将其输出.

当我们在页面引入了jquery库的时候,web外包还可以在console中直接使用jquery的方法.

例如:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>this is a test</title> <meta name="author" content="koastal"> <script type="text/javascript" src="./jquery.js"></script> </head> <body> <script type="text/javascript"> var a = 12; var b = 13; var c = a + b; </script> <div class="one"> <p><h1>this is a div test .</h1></p> </div> </body> </html> 我们如果直接修改html页面的代码,html前端制作然后再刷新浏览器,div页面操作起来很麻烦,承接网页前端外包而且修改错误还需要在修改回去网页html切图排版,这时候就不如直接在浏览器中进行调试.

我们也可以使用console.log()方法在控制台输出其值

点击次数:918
作者:
web前端行业资讯
Web new NewsList
Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日苹果经典电脑Lisa源代码修复完成将于2018年开源 ,,2017年12月28日腾讯浏览指数发布年终榜单2017年人们都关注哪些AI话题? ,,2017年12月28日除了发现开普勒90,NASA还靠AI做了什么? ,,2017年12月28日柯洁宣布:明年4月,将再次与围棋AI交锋 ,,2017年12月28日百度无人车美国首秀CES将发布Apollo2.0 ,,2017年12月28日这四种技术发展趋势将在2018年改变世界 ,,2017年12月28日2017:谷歌DeepMind团队的年度回顾 ,,2017年12月28日封杀这个公式,AI智商将为零 ,,2017年12月28日微软AI高管:要让所有人、所有机构都用上人工智能 ,,2017年12月28日为什么Linux桌面年一直未到来 ,,2017年12月28日AppleLisa操作系统将开源 ,,2017年12月28日2018年9大技术趋势预测 ,,2017年12月28日谷歌研究院发布NIMA:能评价图像有多美,还能让图像变得更美 ,,2017年12月28日苹果为2019年iPhone开发大容量电池新技术 ,,2017年12月28日谷歌发布Tacotron2:能更简单地训练AI学习演讲 ,,2017年12月21日TensorFlow漏洞爆发背后:关于AI安全我们的傻与天真 ,,2017年12月21日Android端Edge浏览器新版发布:常规性能优化和BUG修复 ,,2017年12月21日三星开发出全球最小的DRAM芯片技术领先优势扩大 ,,2017年12月21日腾讯绝艺AI下一步将学习AlphaGozero自对弈训练 ,,2017年12月21日Facebook社交VR应用Spaces扩大覆盖面:入驻HTCVive ,,2017年12月21日设计图曝光:三星双屏折叠手机原来是这样的 ,,2017年12月21日微信支付和支付宝已成为世界移动支付的"老师" ,,2017年12月21日新专利表明FaceID未来有望装备在iPad、MacBook和iMac等设备 ,,2017年12月21日首批九个建议加入EE4J的项目 ,,2017年12月21日这就是SurfacePhone?微软可折叠手机概念图曝光 ,,2017年12月21日继“Angel”开源后,腾讯又开放TDinsight机器学习平台 ,,2017年12月21日contest:CodeforcesRound#300,problem:(A)CuttingBanner 【编程语言】2015年05月25日优化数据页面(23)——添加链接【综合】2015年08月04日关于.NETFramework中的设计模式--应用策略模式为List排序2014年01月29日poj1222--EXTENDEDLIGHTSOUT(高斯消元)【编程语言】2015年08月05日Java程序员修炼之道理解1 【编程语言】2014年11月04日PHP和MySQL基础教程(二)2014年01月29日Photoshop抠图教程:抠出流动的墨迹2014年01月28日spice协议----播放和录音通道 【综合】2014年12月18日网页设计注意事项2014年01月28日php学习数组课件2014年01月29日HPU1288矩阵翻硬币【大数】 【架构设计】2015年01月13日逻辑架构和物理架构【编程语言】2015年07月24日快讯:中人民解放军利比里亚医疗队胜利抵达西非【互联网】2014年11月17日Hibernate中的leftouterjoin 【编程语言】2014年12月18日显式激活数据库(ACTIVATEDATABASE)【Web前端】2014年12月22日单片机编程:让led数码管显示数字0到9【数据库】2015年05月18日观《超能陆战队》未来的“机器人设计师”的必备装备 【移动开发】2015年03月26日PhotoShop算法实现进阶-模糊滤镜-高斯滤波(二十三) 【移动开发】2014年12月09日10件开发者和老板都要知道的HTML5的那些事 ,,2016年06月23日【cocos2d-x3.7飞机大战】决战南海I(九)飘字特效 【系统运维】2015年08月24日FMDB【移动开发】2015年04月24日Java程序员,你为什么要关注Scala【架构设计】2015年07月21日JavascriptBoolean、Nnumber、String强制类型转换的区别详细介绍2014年01月29日php查找文件夹下文件内容 【编程语言】2015年01月29日嵌入式入门-gcc编译器 【综合】2015年04月24日DICOM:开源DICOM服务框架DCM4CHE构建 【综合】2015年03月30日Django1.4即将发布,将逐步支持Python3 ,,2016年06月23日ExtJs操作Cookie 【编程语言】2015年01月26日EffectiveC++读书笔记(条款11-17) 【编程语言】2015年02月11日PHP环境搭建之后的第一个PHP程序【综合】2014年12月01日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)