让你的chrome开发工具console支持jquery

首先执行以下代码:

;(function(d,s){d.body.appendChild(s=d.createElement(‘script‘)).src=‘http://code.jquery.com/jquery-1.9.1.min.js‘})(document);

然后执行像下面的代码就不会出现$未定义的错误了:

setInterval(function()( {

　　$(".honor_button").click();

}, 1000);

时间： 2024-08-26 03:57:41

让你的chrome开发工具console支持jquery的相关文章

Chrome 开发工具指南

Chrome 开发工具指南谷歌 Chrome 开发工具,是基于谷歌浏览器内含的一套网页制作和调试工具.开发者工具允许网页开发者深入浏览器和网页应用程序的内部.该工具可以有效地追踪布局问题,设置 JavaScript 断点并可深入理解代码的最优化策略. 适用人群这篇教程将会带你从头开始使用学习如何利用 Google 提供的组件进行 Chrome 上的相关开发调试工作. 通过本教程,你将学会如何使用这些工具,并且学会如何通过它来分析调试提供的 Demo . 学习前提在你继续本教程之前,你必须对

Chrome开发工具

你可能已经熟悉了Chrome开发工具的基本功能.: DOM检查器.样式面板和JavaScript控制台. 但也有一些不太为人所知的特性可以显著提高你调试或开发应用的速度. 黑色主题 Chrome开发工具的内置了黑色主题.你可以通过点击开发工具窗口右上角的三点图标,之后点击进入设置页面,切换主题. 有时候我觉得黑色主题让我的眼睛更舒服,并且黑色主题显然看起来更酷一些 :) 选择模式 Chrome开发者工具提供了很多选择元素的方法,其中最快捷的方法就是使用选择模式. 该功能通过点击调试面板左上角的按

Chrome 开发工具之Sources

Sources面板主要用于查看web站点的资源列表及javascript代码的debug 熟悉面板了解完面板之后,下面来试试这些功能都是如何使用的. 文件列表展示当前页面内所引用资源的列表,和平常的文件tree一样. 内容区域可在该区域查看打开的文件的脚本,也可以在区域内下断点,打断指定执行代码行. 断点方式: 1.在脚本中写入debugger 2.在Sources面板文件内标注断点. debugger: var num = 1; console.log(num); debugger; 效

Chrome 开发工具 Workspace 使用(转)

前端开发中我们经常要在浏览器中做一些细节调整,比如对 CSS 的微调,最快的方式当然是直接在 Chrome 的开发者工具中调整,但问题在于在控制台中调试好的数值我们还需要再在 CSS 源码中再写一次,效率就低了不少.而 Chrome 的 Workspace 工具就能帮助我们把调试工具中修改的内容自动保存到相应的文件中. 方法也挺简单,下面以调试一个 CSS 文件为例: 打开需要调试的页面,再开启调试工具(F12.alt + command + i),切换到 Sources 选项卡,在 CSS 资

Chrome开发工具Network没有显示完整的http request和response对话

Chrome开发工具Network没有显示完整的http request和response对话这几天看<http defintion guide>介绍Authorization和www-Authorization的机制时不是很理解,因此自己动手做实验,从而发现了Chrome开发工具Network一点有趣的小问题,特此记录. Authorization和www-Authorization是http header,用于对客户端用户的身份认证,过程如下图. (1)client向server发出re

Chrome开发工具Elements面板(编辑DOM和CSS样式)详解

Element 译为“元素”,Element 面板可以让我们动态查看和编辑DOM节点和CSS样式表,并且立即生效,避免了频繁切换浏览器和编辑器的麻烦. 我们可以使用Element面板来查看源代码,它不但可以很好的格式化DOM节点,清晰的展现HTML文档,还可以查看JavaScript创建的DOM节点和iframe中的DOM节点,比在当前网页中右击鼠标选择“查看网页源代码”强大很多. 总之,Element面板可以让我们很透彻的了解DOM和CSS的底层结构. 我们将以下面的HTML代码为例来详细了解

Chrome 开发工具 Workspace 使用

chrome开发工具指南（一）

注意:如果你是一个网页开发者同时想要获得最新版本的开发工具,那么你应该使用谷歌浏览器(金丝雀)Canary 版. Chrome 开发者工具打开Chrome 开发者工具选择浏览器位于浏览器窗口右上方的菜单栏的工具目录,选择开发者工具选项. 右击页面任何位置并选择审查元素. 开发工具将会在浏览器的下方打开. 有一些快捷键也可以用来打开开发工具: Ctrl + Shift + I ( 或在 Mac 上使用 Cmd + Opt+ I). Ctrl + Shift + J ( 或在 Mac 上使用 C

Chrome 开发工具之Elements

友情提示:全文图片高能,如使用手机阅读,请确保在wifi情况下或者流量充足.图片有点渣,也算辛苦做出来的,请别嫌弃- Elements面板主要展示当前页面的组织结构,在如今的应用程序中,HTML页面初始化时加载的不一定就是之后看到的DOM树,有一个页面结构的实时调试工具可以很好的帮助开发者调试开发和调试bug,下面开始认识下Elements面板. 打开开发工具 1.右键点击页面,点击"检查" (mac && window) 2. control+command+j (m