代碼日

嘿！距離上次登入已經有一段時間了。
最近，我一直在解決與在循環中丟失元素引用相關的問題，我終於找到了一個解決方案，我想與大家分享。

我想要實現的目標

• 收集特定網頁上的按鈕元素。
• 點選每個按鈕可導覽至另一個頁面。
• 在新頁面上執行某些操作後，返回第一頁。
• 重複步驟 2 和 3，直到按一下所有按鈕。

這是初始程式碼的簡化版本：

const someElements = await page.$$("xpath/ .//foo[@name='hoge']");

for (let i=0; i < someElements.length; i++) {
    await Promise.all([
        someElements[i].click(),
        page.waitForNavigation({ waitUntil: ["load", 'networkidle0'] }),
    /* There are particular processes and going back process */
    ]);
};

我遇到了什麼錯誤

forst 迴圈迭代後，腳本無法找到按鈕元素。我不斷收到以下錯誤：
ProtocolError：協定錯誤 (DOM.describeNode)：無法在

處找到具有指定 id 的上下文

我是怎麼解決的

我透過在循環中重新聲明按鈕元素清單解決了這個問題。
這是修改後的程式碼：

const someElements1 = await page.$$("xpath/ .//foo[@name='hoge']");

for (let i=0; i < someElements.length; i++) {
    const someElements2 = await page.$$("xpath/ .//foo[@name='hoge']"); // added row
    await Promise.all([
        someElements2[i].click(),
        page.waitForNavigation({ waitUntil: ["load", 'networkidle0'] }),
    /* There are particular processes and going back process */
    ]);
};

我新增了重新聲明行，因為我假設原始的 someElements 引用在離開初始頁面時丟失了。經過此更改後，錯誤得到解決。但是，我不確定這種方法是否嚴格遵守最佳編碼實踐。

如果在頁面之間導航時遇到循環中的 .click() 問題，請考慮在循環本身內重新聲明該元素。這個簡單的更改可能會為您節省大量故障排除時間！

以上是代碼日的詳細內容。更多資訊請關注PHP中文網其他相關文章！