首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Javascript -使用循环在Chrome中查看旧的facebook消息,不知道如何使其停止

要在Chrome中使用循环查看旧的Facebook消息,并使其停止,可以使用以下步骤:

  1. 首先,确保你已经安装了Chrome浏览器,并且已经登录到你的Facebook账号。
  2. 打开Chrome开发者工具。你可以通过右键点击页面上的任何位置,然后选择“检查”或“检查元素”来打开开发者工具。你也可以使用快捷键Ctrl+Shift+I(Windows)或Cmd+Option+I(Mac)来打开它。
  3. 在开发者工具中,切换到“控制台”选项卡。这是一个可以执行JavaScript代码的命令行界面。
  4. 在控制台中,输入以下代码来模拟循环查看旧的Facebook消息:
代码语言:txt
复制
var scrollInterval = setInterval(function() {
  window.scrollTo(0, document.body.scrollHeight);
}, 1000);

这段代码使用setInterval函数来每隔1秒滚动到页面底部,模拟不断加载旧的消息。

  1. 按下Enter键执行代码。你会看到页面开始自动滚动,并加载旧的消息。
  2. 要停止循环查看消息,可以在控制台中输入以下代码:
代码语言:txt
复制
clearInterval(scrollInterval);

这段代码使用clearInterval函数来停止之前设置的循环滚动。

通过以上步骤,你可以在Chrome中使用循环查看旧的Facebook消息,并在需要时停止它。请注意,这只是一种模拟自动滚动的方法,具体效果可能会受到Facebook页面结构的变化而有所不同。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

14个你可能不知道JavaScript调试技巧

文中已经列出了14个你可能不知道调试技巧,但是可能需要你牢记在心,以便在下次需要调试JavaScript代码时使用!...执行代码后,Chrome会在执行时自动停止。你甚至可以把它封装成条件,只需要时才运行。 2. 用表格显示对象 有时, 有一组复杂对象要查看。...可以通过查看并滚动浏览,亦或者使用展开,更容易看到正在处理内容! 输出: 3. 使用不同屏幕尺寸 桌面上安装不同移动设备模拟器非常棒,但现实确是不可行如何调整窗口大小呢?...有时使用浏览器更容易。 当你使用浏览器查看时,如果请求一个密码验证页面,不需要担心身份验证cookie。下面看,Firefox如何编辑并重新发送请求。 打开控制台并切换到network选项卡。...有时候它会改变,你并不知道为什么。 但是,当您调试JavaScript时,Chrome可以DOM元素发生更改时暂停。你甚至可以监视它属性。Chrome控制台中,右击该元素,然后设置中选择中断:

1.7K90

Android网络收集和ping封装库

目录介绍 01.基础介绍 02.stetho大概流程 03.Android应用 04.如何使用 05.案例截图如下 06.网络请求接口信息 07.如何使用ping 01.基础介绍 该工具作用 诸葛书网络拦截分析...那么能不能自己拿来用…… 可以 StethoInterceptor大概流程 整个流程我们可以简化为:发送请求时,给Chrome发了条消息,收到请求时,再给Chrome发条消息(具体怎么发可以看NetworkEventReporterImpl...如何拿来用 既然Android中使用facebookstetho库,可以拦截手机请求请求,然后去Chrome浏览器,浏览器地址栏输入:chrome://inspect 。即可查看请求信息。...那么能不能把这个拿到请求信息,放到集合,然后Android页面展示呢?...这样方便开发和测试查看网络请求信息,以及请求流程消耗时间(比如dns解析时间,请求时间,响应时间,共耗时等等) 如何消耗记录时间 OkHttp库中有一个EventListener类。

1.7K00

14个你可能不知道JavaScript调试技巧

文中已经列出了14个你可能不知道调试技巧,但是可能需要你牢记在心,以便在下次需要调试JavaScript代码时使用!...使用不同屏幕尺寸 桌面上安装不同移动设备模拟器非常棒,但现实确是不可行如何调整窗口大小呢?Chrome提供了所需一切。跳到控制台并点击‘切换设备模式’按钮。观察窗口变化即可! ? 4....如何快速找到DOM元素 Elements面板中标记一个DOM元素,并在控制台中使用它。...格式化后代码虽然不像真实代码那样有用,但至少可以看到发生了什么。点击 Chrome控制台中源代码查看 {}按钮即可。 ? 8....但是,当您调试JavaScript时,Chrome可以DOM元素发生更改时暂停。你甚至可以监视它属性。Chrome控制台中,右击该元素,然后设置中选择中断: ?

99730

14个你可能不知道JavaScript调试技巧

文中已经列出了14个你可能不知道调试技巧,但是可能需要你牢记在心,以便在下次需要调试JavaScript代码时使用!...使用不同屏幕尺寸 桌面上安装不同移动设备模拟器非常棒,但现实确是不可行如何调整窗口大小呢?Chrome提供了所需一切。跳到控制台并点击‘切换设备模式’按钮。观察窗口变化即可! ? 4....如何快速找到DOM元素 Elements面板中标记一个DOM元素,并在控制台中使用它。...格式化后代码虽然不像真实代码那样有用,但至少可以看到发生了什么。点击 Chrome控制台中源代码查看{}按钮即可。 ? 8....但是,当您调试JavaScript时,Chrome可以DOM元素发生更改时暂停。你甚至可以监视它属性。Chrome控制台中,右击该元素,然后设置中选择中断: ?

1.1K60

Android调试神器stetho使用详解和改造

概述 ---- stetho是Facebook开源一个Android调试工具,项目地址:facebook/stetho 通过Stetho,开发者可以使用chromeinspect功能,对Android...View Hierarchy:布局层级查看,免去使用查看布局边界花花绿绿带来痛苦和卡顿,而且能看到每个view和layout各类属性。...Database Inspection 点击Resource-Web SQL即可查看App数据库: image.png Javascript Console Console面板,输入context...重点是我们要对这个东西改造一下,他是如何抓下包来发送给Chrome呢?...发了条消息,收到请求时,再给Chrome发条消息(具体怎么发可以看NetworkEventReporterImpl实现) 两条消息通过EventID联系起来,它们类型分别是OkHttpInspectorRequest

1.6K60

您必须了解最佳开发者工具

它还根据您代码消息提示框显示警告,错误和其他重要信息,以便您轻松进行故障排除。 还要别的吗? 该软件开发工具还有助于将资产目录汇编成有组织捆绑包,以进行最终分发。...使其成为最佳开发人员工具之一是,使用此平台,您可以在台式机或移动设备上测试,编辑和调试HTML,CSS和JavaScript。 页面检查器功能可帮助您查看和编辑页面内容和布局。...同样,通过Web控制台,您可以检查网页记录消息,并使用JavaScript与之交互。 还有更多。 您可以使用性能工具功能来分析网站或应用程序响应能力和布局性能。...该工具内置Firefox,因此您无需下载任何其他应用程序。 Facebook for Developer Facebook开发者工具可帮助测试,创建和验证API(应用程序接口)调用和调试响应。...调试器工具是它们提供最好开发人员工具之一,当您在Facebook和Messenger上共享时,它使您可以查看网站内容格式。 更重要是?

1.4K20

解读 JavaScript 之引擎、运行时和堆栈调用

事实证明,很多开发人员每天都在使用 JavaScript ,但他们并不知道底层会发生什么。...JavaScript 引擎 Google V8 引擎是一个比较流行 JavaScript 引擎示例。V8 引擎是诸如 Chrome 和 Node.js 等内部使用。...Chrome 执行(假设这个代码一个名为 foo.js 文件),那么会产生下面的 stack trace: ?...并发&事件循环 如果在调用堆栈执行函数调用需要花费大量时间才能进行处理,会发生什么? 例如,假设你想在浏览器中使用 JavaScript 进行一些复杂图像转换。...如果你想在你应用程序中使用流畅 UI ,这就会产生问题。 而且这并不是唯一问题。一旦你浏览器开始 Call Stack 处理过多任务,它可能会停止响应相当长时间。

70820

JavaScript如何工作:Web Workers构建块+ 5个使用他们场景

JavaScript如何工作:事件循环和异步编程崛起+ 5种使用 async/await 更好地编码方式!...JavaScript如何工作: 深入探索 websocket 和HTTP/2与SSE +如何选择正确路径! JavaScript如何工作:与 WebAssembly比较 及其使用场景 !...然而,这带来了一个问题——请求是由浏览器WEB API处理,但是如何使其他代码是异步呢?...例如,通过单独 setTimeout 调用批处理复杂计算,可以将它们放在事件循环中单独“位置”上,这样可以争取为 UI 渲染/响应执行时间。...Worker 通过定义消息处理程序监听并处理该消息。 当消息到达时,实际计算在worker执行,而不会阻塞事件循环

78810

Vue与REACT两个框架区别和优势对比

Vue使用模板系统而不是JSX,使其对现有应用升级更加容易。这是因为模板使用就是普通HTML,通过VUE来整合现有的系统是毕竟容易,不需要整体崇高。...例子如下,我们可以看看下面这个列表HTML代码是如何: item 1 item 2 而在JavaScript...如果让我来设计FacebookUI界面,那么聊天窗口会是一个组件,评论会是另一个组件,不断更新好友列表也会作为一个组件。 VUE,如果你遵守一定规则,你可以使用单文件组件。...而在vue,PROPS略有不同,它们一样是组件中被定义,vue依赖与模板语法,你可以通过模板循环函数更高效地展示传入数据。...它们会检查你引用,让你看到vue或者REACT变化。你也可以看到应用撞他,并实时看到更新。 React开发工具,Vue开发工具,自己chrome 市场下载就好。

1.4K20

CSS字体相关小技巧

让我们仔细看看规范: 开发者使用字体名如果与用户使用环境已有的某个字体名字相同,使用样式表文档中会有效覆盖底层字体。...FacebookSan Francisco技巧 我时不时随意查看一下我访问不同网站是否使用@font-face。我偶然发现Facebook正在使用这个很聪明技巧。...system-ui system-ui标准化工作正在进行,有希望很快出现在Can I Use上。更好消息是,Chrome已经着手于这方面工作了。...无需重命名, font-family:system-ui使用已经得到了Chrome支持,Firefox(截止至54),Safari(截止至10.1)尚未支持。...最后一步,简化代码 结合以上测试用例,完成一个简化版本San Francisco重命名例子,使其可以Chrome,Safari桌面端和移动端,Firefox中正常工作。

1.3K40

开发可伸缩Web应用程序7个关键Node.js优势

Node.js已成为构建可伸缩Web应用程序首选技术。由于它提供了许多重要好处,因此开发人员获得了极大欢迎。...超级强大功能使Node.js更加强大是,它基于Google ChromeV8引擎并以C ++编写。它将JavaScript函数高效高效地分解为机器代码。...npm是JavaScript软件包管理器,是世界上最大软件包管理器注册中心。它提供了许多可用工具和库,可供您在项目中使用。...除此之外,他们还希望Node.js和JS Foundations合并推动开放治理,他们认为这将导致一个更强大,更活跃JavaScript生态系统。...技术巨头以及开发人员社区认可,确保了可预见将来技术存在和发展。 4、Node.js易于学习且适应迅速 毫无疑问,javascript是开发人员社区中最流行和使用最广泛编程语言之一。

1.2K10

JavaScript 开发者需要了解15个 DevTools 技巧

查找未使用 JavaScript Chrome Coverage 面板可以让你能够快速找到 JavaScript 有没有被使用。... Chrome DevTools Sources 面板,打开一个文件,右键单击代码某个位置,然后选择添加脚本以忽略列表。...停止无限循环 触发无限循环是程序里很常见 bug,它可能导致浏览器崩溃。要在 Chrome DevTools 停止无限循环,可以打开 Sources 面板,然后单击调试暂停图标以停止脚本。...可以 Chrome 使用任何代码编辑器来编辑文件,每当重新加载页面时,都将使用更新版本。 14. 管理客户端存储 网页可以使用多种技术将数据存储客户端上。...设置空闲状态以检查你应用如何响应锁定屏幕。

4.7K20

Js面试题__附答案

setInterval(function,delay)函数用于提到延迟重复执行给定功能,只有取消时才停止。 clearInterval(id)函数指示定时器停止。...使用特殊字符(如单引号,双引号,撇号和&符号)时,将使用转义字符(反斜杠)。字符前放置反斜杠,使其显示。 例: ? 25、什么是JavaScript Cookie?...可以JavaScript使用。 *运算符没有括号。 46、一个特定框架如何使用JavaScript超链接定位? 可以通过使用“target”属性超链接包含所需帧名称来实现。...innerHTML没有验证余地,因此,更容易文档插入错误代码,从而使网页不稳定。 57、如何在不支持JavaScript浏览器隐藏JavaScript代码?...标签之后代码添加“ 标签之前添加“// - >”代码没有引号。 浏览器现在将JavaScript代码视为一个长HTML注释。而支持JavaScript浏览器则将“<!

8.8K30

MIT 6.858 计算机系统安全讲义 2014 秋季(二)

该按钮上方,页面创建了一个包含 Facebook“赞”按钮子框架。攻击者将该按钮放在“免费 iPad”按钮上方,但使其透明!...只有服务器先发言协议才会有问题。 因为服务器不再保留连接状态,所以它不知道有一个悬挂连接,所以等待客户端 ACK 太久后,它永远不会重新传输其 SYN 消息给客户端。...向服务器证明对手没有重放消息。 服务器必须在内存中保留最近几个认证器,以检测重放。 Kerberos 如何使用时间?如果时钟错误会发生什么? 防止被盗票据永久使用。...对手可以将新认证器与消息拼接在一起。 Kerberos v5 每次都使用会话密钥,认证器中发送。...票证特殊标志指示使用哪个接口获取它。 更改密码服务仅接受使用K_c获得票证。 确保客户端知道密码,不仅仅是拥有票证。 客户端如何更改用户密码?

18410

【Web技术】850- 深入了解页面生命周期API

此外,这些浏览器干预会直接影响到JavaScript执行。好消息是,几乎所有的现代浏览器都通过页面生命周期API将这些干预作为事件暴露出来。...Chrome浏览器资源消耗 当我查看电脑上Chrome浏览器资源消耗时,我观察到两个活动标签页分别消耗了14.7%和11%CPU,而冻结标签页消耗了近0%CPU。...好了,现在我们知道每个状态下要做什么了,让我们看看如何在我们应用程序捕获每个状态。 如何在代码捕获生命周期状态?...你可以使用下面的JavaScript函数来确定一个给定页面的主动、被动和隐藏状态。...浏览器兼容性 一些浏览器不具备检测其网页何时被冻结或丢弃能力。不过,随着Chrome 68发布,也加入了预测网页下一步状态能力。

1.3K20

10 种 JavaScript 最常见错误

您可以 Safari Developer Console 轻松测试。这与第一点提到 Chrome 错误基本相同,但 Safari 使用了不同错误消息提示语。 ?...我们工作,这种错误可能发生一种场景是:如果在加载元素之前尝试 JavaScript使用元素。 因为 DOM API 对于空白对象引用返回值为 null。...如果在使用 event 时遇到此错误,请确保使用传入事件对象作为参数。像 IE 这样浏览器提供了一个全局变量事件,但并不是所有浏览器都支持。...当你认真读过《你不知道 JavaScript》上卷后,这些错误基本就不会再出现了。 归根结底是对 JavaScript 基础知识掌握不扎实。...Vue 项目 从 Vue-Router 设计讲前端路由发展 项目中如何正确使用 Webpack Vue 服务端渲染 Axios 与 Fetch 该如何选择

8.5K20

Redux 快速上手指南

Redux简介 如果要用一句话来概括Redux,那么可以使用官网这句话:**Redux是针对JavaScript应用可预测状态容器。...Redux基于简化版本Flux框架,Flux是Facebook开发一个框架。标准MVC框架,数据可以UI组件和存储之间双向流动,而Redux严格限制了数据只能在一个方向上流动。...我们分发消息之前,我们添加一些代码,让我们能够监听store事件更改。...首先,Chrome安装Redux Devtools扩展; 然后,在运行Redux应用程序终端里使用Ctrl+C停止服务器。...可以启动服务器以查看效果。第二部分涉及到使用刚刚安装react-redux包几个方法。通过这些方法将React组件与Reduxstore和action相关联。

1.2K20

ReactJS和React-Native主要区别在哪里

不知道你,但即使Flexbox已经有一段时间了,我从来没有完全沉浸于其使用,主要是因为我涉及项目需要与旧版浏览器向后兼容性。...我确信你为现代浏览器写代码时遇到过类似的问题,而且需要在浏览器中看起来“不太糟糕”,在这里添加一些条件代码,在那里Javascript甚至Javascript 。...假设你可以控制你应用程序外观和行为,你有两个选择: 您可以为应用程序定义通用设计,使其两个平台上看起来完全相同,只要它保持直观,并不会混淆平台用户。...我建议您将组件主要逻辑定义一个名为index.js文件,然后您将使用单个文件定义演示组件。...Chrome开发工具精美地检查网络请求(尽管您需要添加一些小窍门来查看请求),显示控制台日志并在 debugger语句出现时停止运行代码。

16.9K30

JavaScript如何工作:引擎,运行时和调用堆栈概述

如GitHub统计所示,JavaScriptGitHub活跃库数量和总推送数量位居前列。 在其他类别也不会落后于很多。 (查看最新GitHub语言统计信息)。...事实证明,有很多开发人员每天都在使用JavaScript,但不知道什么会发生什么。 概览 几乎所有人都已经听说过V8引擎概念,大多数人都知道JavaScript是单线程,或者是使用回调队列。...JavaScript引擎 JavaScript引擎一个流行示例是GoogleV8引擎。 例如,V8引擎Chrome和Node.js中使用。 这是一个很简单视图: ?...并发和事件循环 当您在调用堆栈中进行函数调用需要大量时间才能处理时会发生什么? 例如,假设您想在浏览器中使用JavaScript进行一些复杂图像转换。 你可能会问 - 为什么这甚至是一个问题?...这将在“JavaScript如何实际工作”教程第2部分更详细地解释:“V8引擎内有关如何编写优化代码5个提示”。

1.8K40

Chrome DevTools 一些隐藏技巧

按照表格打印数组 当用 JavaScript 处理大量数据时(例如创建数据可视化),从来都不是一次就能成功,你将不可避免地去 web 控制台查看数据,一般我们熟悉是用 console.log 命令。...暗黑模式 从上面的截图和 GIF ,你可能已经注意到我 Chrome DevTools 中使用是暗黑模式。...条件断点 一般来说,使用 IDE 调试浏览器运行 JavaScript 是相当困难烦人,所以,与其使用 IDE,不如直接使用 DevTools 调试器。...调试器设置基本断点你肯定知道如何操作。那么条件断点呢?...但大多数人不知道是,你还可以使用网络选项卡来模拟缓慢网络连接,使用 Network Throttling 就可以做到这点。 ?

1.9K31
领券