Javascript “了解如何做”；WhatsApp网站“；开发了前端页面

我试图了解WhatsApp Web前端页面是如何创建的，尤其是左侧的联系人列表（

）。联系人的名称使用类

“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

var contatosTemp=document.getElementsByClassName（'emojitext ellipsify'）；
var contatos=[]；
对于（var i=0；i

如果联系人列表的滚动条位于顶部，则

contatos

的数量为

19

。但是如果我滚动列表，

contatos

的数量会增加，直到

29

的数量为止。如果我最小化窗口，

contatos

的数量将减少到

15

在resume中，当用户滚动联系人列表时，上面的JavaScript捕获的联系人列表的数量会发生变化

如果您想了解我在做什么，请打开WhatsApp网站，进入浏览器DevTools>Console并运行上面的JavaScript

您将看到数组的大小

contatos

：

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

---

我想获取所有联系人的姓名，但JavaScript只获取其中的一部分。我如何才能做到这一点？

使用此脚本将为您带来所有联系人

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

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

---

您是否考虑过尝试任何可用的WhatsApp API而不是屏幕抓取？WhatsApp提供了一些API？我认为不是。WhatsApp本身显然不是-这就是为什么周围有各种各样的流氓软件（，等等）。你知道C#的WhatsApp API吗？快速搜索发现有一个