navtree2orgheading.js

// https://developer.chrome.com/docs/devtools/overview/
// Get Nav Tree as Org Mode Headings
const navtree = document.querySelector('navigation-tree .direction-column')
const title = [...navtree.children].map(getInnerText)
                                   .join('\n')
// You HAVE TO click the webpage after run this code in console.
setTimeout(async () => {
    await window.navigator.clipboard.writeText(title)
}, 3000)

function getInnerText(element) {
    return {
        'A':      () => generateOrgH1(element),
        'BUTTON': () => generateOrgH1(element),
        'DIV':    () => generateOrgH2(element),
    }[element.tagName]()
}

function generateOrgH1(aElement) {
    return '* ' + aElement.getElementsByTagName('span')[0].innerText
}

function generateOrgH2(aElement) {
   const subNavtree = [...aElement.children]
   return subNavtree.map(a => '*' + generateOrgH1(a)) 
                    .join('\n')
}