了解＆＃34; WhatsApp Web＆＃34;前端页面开发完成

Question

我试图了解如何创建 WhatsApp Web 前端页面，尤其是左侧的联系人列表（<div id="pane-side">）。联系人的姓名使用班级"emojitext ellipsify"，我试图通过代码获取所有联系人的姓名：

var contatosTemp = document.getElementsByClassName('emojitext ellipsify');
var contatos = [];
for (var i = 0; i < contatosTemp.length; i = i + 2) { contatos.push(contatosTemp[i].innerText); }
contatos

如果联系人列表的滚动位于顶部，则contatos的数量为19。但是，如果我滚动列表，contatos的数量会增加到29的数量。如果我最小化窗口，则contatos的数量会减少到15。

在简历中，当用户滚动联系人列表时，上述JavaScript捕获的联系人列表的编号会发生变化。

如果您想了解我在做什么，请打开 WhatsApp Web ，转到浏览器 DevTools＆gt;控制台并运行上面的JavaScript。

您将看到数组contatos的大小：

然后滚动屏幕左侧的窗格并再次执行JavaScript。它将显示数组大小已更改。

我想获得所有联系人＆＃39;名称，但JavaScript只是它的一部分。我怎么能这样做？

Answer 1

使用此脚本将为您提供所有联系人

function contactList(){
   var user = Store.Chat.models; 
   var destiny = [];

   user.forEach(function(obj){destiny.push(obj.__x_formattedTitle)});
   return destiny }