electron-find/example/example.js

Find all matches for the text in electron app

const { remote, ipcRenderer } = require('electron')
const { FindInPage } = require('../src/index.js')


let findInPage = new FindInPage(remote.getCurrentWebContents(), {
  preload: true,
  offsetTop: 6,
  offsetRight: 10
})

// let findInPage = new FindInPage(remote.getCurrentWebContents(), {
//   boxBgColor: '#333',
//   boxShadowColor: '#000',
//   inputColor: '#aaa',
//   inputBgColor: '#222',
//   inputFocusColor: '#555',
//   textColor: '#aaa',
//   textHoverBgColor: '#555',
//   caseSelectedColor: '#555',
//   offsetTop: 8,
//   offsetRight: 12
// })

ipcRenderer.on('on-find', (e, args) => {
  findInPage.openFindWindow()
})

function onChange () {
  const titleDom = document.querySelector('#title')
  titleDom.innerHTML = '标题已被修改'
  setTimeout(() => {
    findInPage.update()
  }, 20)
}