Ссылка на большой двоичный объект не работает в html-содержимом iframe в локальном файле ⇐ Javascript

[Anonymous]

Код: Выделить всё

let url = (content, type) =>
URL.createObjectURL (
new Blob ([content], {type}));

let cssUrl = url ('#d1 { color: green; }',
'text/css');
let htmlUrl = url (`

Div`, 'text/html');

ifr.src = htmlUrl;
log.textContent = cssUrl;

Код: Выделить всё

Этот код отлично работает в jsfiddle
cssUrl выглядит примерно так: blob: https://fiddle.jshell.net/2dacb344-cec1 ... 93a2680922
Но не как локальный файл (css не применяется, хотя содержимое отображается нормально) при открытии в браузере (без сервера) или в stackoverflow.
В этом случае cssUrl выглядит так: blob:null/37686c99-658b-4c13-883d-3f0a3fc4937b
Как это исправить, чтобы оно работало локально файл?

Подробнее здесь: https://stackoverflow.com/questions/798 ... local-file