Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

163
Visualizações
ElectronJS findInPage find next result and highlight it

I have electron app (^19.0.1) that opens website via url in BrowserWindow. I need to create text search functionality like standard Chrome searchbar.

введите сюда описание изображения

At this moment i can find and mark searchable text via webContents.findInPage, but i couldn't jump to next result, what i'm doing wrong?

My main.js:

win.webContents.on('found-in-page', (event, result) => {
    console.log(result)
});


ipcMain.on('search-text', (event, arg) => {
    let nextRes = arg.direction == 'next' ? true : false
    const requestId = win.webContents.findInPage(arg.searchText, {
        forward: true,
        findNext: nextRes,
        matchCase: false
    });
});

ipcMain.on('stop-search', (event, arg) => {
    win.webContents.stopFindInPage('clearSelection');
});

My preload.js:

const { contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('electronAPI', {
    searchText: (searchText, direction) => ipcRenderer.send('search-text', { searchText, direction }),
    stopSearch: () => ipcRenderer.send('stop-search')
})

function search(direction) {
    let searched = document.getElementById("searchInput").value.trim();
    if(searched.length > 0){
        window.electronAPI.searchText(searched,direction)
    }                
    document.getElementById("searchInput").focus()
}
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda