Catching Не удалось загрузить ресурс при использовании Fetch API

Я пытаюсь отловить кучу ошибок, связанных с одной и той же политикой происхождения, при использовании Fetch API, но безуспешно:

window.onerror = (message, file, line, col, error) => console.log(error)
window.addEventListener('error', (error) => console.log(error))

try {
    fetch('https://www.bitstamp.net/api/ticker/').catch(e => {
        console.log('Caugth error:')
        console.log(e)
        console.log(JSON.stringify(e))
    })
}
catch (e) {
    console.log('try-catch')
    console.log(e)
}

Ошибки, которые я хочу поймать, появляются только в веб-консоли:

См. пример кода здесь: https://github.com/nyg/fetch-error-test

Как я могу отловить эти ошибки, чтобы отобразить сообщение на экране?

РЕДАКТИРОВАТЬ: блок перехвата выборки фактически выполняется.

fetch('https://www.bitstamp.net/api/ticker/')
    .then(response => response.text())
    .then(pre)
    .catch(e => {
        pre(`Caugth error: ${e.message}`)
    })

function pre(text) {
    var pre = document.createElement('pre')
    document.body.insertAdjacentElement('afterbegin', pre)
    pre.insertAdjacentText('beforeend', text)
}

pre {
    border: 1px solid black;
    margin: 20px;
    padding: 20px;
}