你是光你是电,你是唯一的神话. Chrome的出现简直拯救了广大前端,不仅仅是因为其V8引擎的速度,更是因为其强大的控制台.为调试前端提供了强大的武器. 当然Firefox下的firebug也很强大,不过我写前端最早接触的就是Chrome,所以就基本上没怎么用过firebug. 我这里把一些Chrome控制台下一些经典的函数总结一下,帮助我们更好地调试页面. console.table() 通过console.table()输出二维数据 console.table()是一个能将你的数据格式化输出

先的简单介绍一下chrome的控制台,打开chrome浏览器,按f12就可以轻松的打开控制台 大家可以看到控制台里面有一首诗还有其它信息,如果想清空控制台,可以点击左上角那个来清空,当然也可以通过在控制台输入console.clear()来实现清空控制台信息.如下图所示 现在假设一个场景,如果一个数组里面有成百上千的元素,但是你想知道每个元素具体的值,这时候想想如果你用alert那将是多惨的一件事情,因为alert阻断线程运行,你不点击alert框的确定按钮下一个alert就不会出现. 下面我们

现在真是一个信息化的时代,每个人手里都拿着一款智能机,上班下班走路坐车之余都会玩玩手机,上上网.于是作为广大网站媒体来说,争抢手机市场无疑是刻不容缓.对于我们Web前端工程师来说,了解并掌握手机编程的任务也是刻不容缓.下面为大家推荐一款比较不错的手机调试软件chrome. 经常调试手机网站的码农们,一定会为手机调试软件而发愁,找不到比较合适的手机网站调试工具.我也是无意中发现chrome控制台的软件设置中就具备了各种手机屏幕的尺寸.我们只要用它就很方便完成调试工作了. 下面介绍一下chrome调

for(var i=0,tags=document.querySelectorAll('iframe[src],frame[src],script[src],link[rel=stylesheet],object[data],embed[src]'),tag;tag=tags[i];i++){   var a = document.createElement('a');   a.href = tag.src||tag.href||tag.data;   if(a.hostname!=locati

https://www.cnblogs.com/liqu/p/9308966.html 1.安装Django的两种方式: > 1) pip install django 2)下载离线安装包,进入解压目录,命令行使用python setup.py install 2.创建Django项目:只有专业版的pycharm菜单中才有Django项目,非专业版可以通过命令行创建.下面是使用专业版创建 3.启动项目的两种方式 1)命令行进入目录后使用 python manage.py runserver 12

多了解一下Chrome开发者控制台 2017年10月14日 • Tools, Web前端 • 1.0k views • 暂无评论 作为一名前端开发者,Chrome内置的控制台是必须了解的,它拥有非常丰富的特性功能,对我们的开发帮助灰常大! 1.元素选择器($) 如果你接触过JQuery,那么对$()肯定不陌生,这是元素选择器,用来选择HTML元素,但现在,我们要了解的是控制台中的$(). 打开百度,按F12打开控制台 $() 相当于JavaScript中的 document.querySelec

1.打开Chrome浏览器,输入网址:http://forum.csdn.net/SList/HTMLCSS/ 2.按下“Ctrl+Shift+J”打开“Javascript控制台”工具 3.动态引用jQuery.js文件 var fileref=document.createElement('script') fileref.setAttribute("type","text/javascript") fileref.setAttribute("src&

在manifest.json中添加下面的几行 "background": { "scripts": ["background.js"] }, 在插件项目文件夹下面新建一个 background.js ,内容为空也可以 然后重新加载插件,就可以看到有 inspect view 的字样,点击 background page 就可以打开控制台了. 另外一种方法: 点击插件图标,弹出 popup 页面的时候,右键选择 inspect. 参考: https

我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏览器打开时就会执行,这种情况也许不能算作 bug 吧,估计他们的工程师认为浏览器打开时也算窗口发生了变化.解决问题之前我搜索了相关内容,确实有关于 Chrome 的 onresize 的问题,但跟我遇到的问题还有很大不同.我把这个问题抽象为以下函数: function init() { alert('a'); window.onresiz

今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css只能是改变IE浏览器的颜色,而且CSS不能做到改变火狐浏览器的样式和颜色.所以只能是通过JavaScript来实现了.也有插件可以做到.我分享一下我自己使用原生JavaScript实现的思路.先上个图看下效果: JavaScript实现的思路就是模拟浏览器自身滚动条.我制作的思路是先将整个文档放在一

Chrome出了个小bug:论如何在Chrome下劫持原生只读对象 概述 众所周知,虽然JavaScript是个很灵活的语言,浏览器里很多原生的方法都可以随意覆盖或者重写,比如alert.但是为了保证网页的安全性和网页制作者的一定控制权,有些浏览器对象是无法更改的,比如"window.location"对象,或者对它们的更改是无效的,比如"window.navigator"对象.然而,最近我发现Chrome出现了一个小"bug",在Chrome

chrome的新标签页的8个缩略图实在让人不爽,网上找了一些去掉这个略缩图的方法,其中很多已经失效.不过其中一个插件虽然按照原来的方法已经不能用了,但是稍微变通一下仍然是可以用的(本方法于2017.1.7可用). 1. 安装扩展Stylish 2. 打开Stylish并且新建一个样式 3. 为新样式取一个名字并输入下面样式代码: [id="most-visited"]{display:none} 4. 选择选项 "网址",并且在后面的地址栏输入网址: https:/

谷歌Chrome,是当前最流行且被众多web开发人员使用的浏览器.最快六周就更新发布一次以及伴随着它不断强大的开发组件,使得Chrome成为你必备的开发工具.例如,在线编辑CSS,console以及debugger这些常用的调试技术,或许你已经了解.在本篇文章中,我们将介绍15个炫酷且实用的技巧,这将更快的提高你的开发效率. 该篇博客原文地址:http://www.cnblogs.com/giggle/p/5966991.html 一.快速查找文件 如果你使用过Sublime,那么你会知道’Go

Chrome插件是令人惊讶的简单,一旦你弄懂它的工作和实现原理.它是由一部分HTML,一部分Js,然后混合了一个叫做manifest.json的Json文件组合而成的整体.这意味着你可以使用你最擅长的js框架去实现它. 如果你还是一个Chrome插件的新手并且想尝试写一个的话,下面的文章将会带领大家并且尝试让大家理解Chrome插件的工作机制.这篇文章将会讲述每一块架构,以及相互之间的联系和插件的一般化形式. 架构 Chrome插件中的文件大体上可以分成2部分:Chrome插件中确确实实存在的文

首先大家可以去这个地址下载 Postman_v4.1.3 这个版本,我用的就是这个版本 http://chromecj.com/web-development/2014-09/60/download.html 下载完以后以后加压大概就是这个模样,其中.crx是我们要执行的文件,红色框里的叫私有秘钥文件 此时不能直接拖拽到谷歌浏览器的扩展程序界面,如果你直接把.crx文件拖拽到扩展程序的界面会有如下错误提示,说只能通过谷歌浏览器的 网上应用商店添加该程序,为什么会出现该情况呢? 是因为自 Chro

这个小问题也确实困扰我许久,后来看到chrome吧里面有人给出了解决方案: 安装install_flash_player_ppapi, 该软件下载地址:http://labs.adobe.com/downloads/flashplayer.html  下载windows的第三个. 然后刚刚看到chrome新版本将html5取代flash成为默认选项...那以后是不是就没有flash播放器了?

2-3年前在做客户端开发时,看过CHROME的一部分代码,主要是BASE库相关的.其项目之大,编译时间之长给我留下了深刻的印象. 3年后的最近,想着再读一下其他部分的代码,所以就对其纠结的下载和编译过程做下总结. 网上的一些文章都是比较过时的,按照那些文章的做法基本没啥戏.其实,仔细阅读chromium中关于Get Source Code页面的说明就能开耍了.现在的整个流程要比之前的流程感觉清晰多了. 我的环境是WIN7 SP1 + VS2013 UPDATE4.最新的chrome代码引入了一些

原文请访问个人博客:chrome拓展开发实战:页面脚本的拦截注入 目前公司产品的无线站点已经实现了业务平台组件化,所有业务组件的转场都是通过路由来完成,而各个模块是通过requirejs进行统一管理,在灰度测试时会通过grunt进行打包操作,虽然工程化的开发流程已经大大提升了效率,但是为了满足不同平台在任意业务入口页面一键注入业务脚本即可进行测试的实际需求,团队尝试通过chrome拓展来进行实现.由于我本人是第一次开发chrome拓展插件,所以开发的过程中遇到不少坑,某些功能的实现方式也未必是最

本文将从个人经验出发,讲述为什么需要Chrome插件,如何开发,如何调试,到哪里找资料,会遇到怎样的问题以及如何解决等,同时给出一个个人认为的比较典型的例子——获取网页内容,和服务器交互,再把信息反馈给用户.OK,准备开始吧,我尽量把文章写得好看点,以免读者打瞌睡. 目录 为什么需要 为什么是Chrome 需要准备什么 如何开始 Page Action Chrome插件结构 学习资料 我的例子 调试 调试Content Scripts 调试Background 调试Popup 一些问题 总结 为

Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效: 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」 console.log 大家都会用log,但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理. 他们功能区别不大,意义在于将输出到控制台的信息进行归类,或者说让它们更语义化. 各个所代表的语义如下: console.

问题: 开发的公司内部后台应用页面显示异常,获取不到资源 F12 提示 net::ERR_BLOCKED_BY_CLIENT 很困惑,用Chrome打开页面就异常,IE什么的就没问题- 原因:广告拦截插件(我这儿是Adblock Plus,也可能是其他插件-全家桶系列什么的-) 解决:把域名添加到白名单