Мне нужно открыть новое окно и написать на нем несколько html/css. Этот код, который я использую для этого:
myHTML = '...' //Around 400 bytes of html and styling
var doc = window.open('', 'preview', 'width=1200,height=600,scrollbars=1');
doc.document.write(myHTML);
doc.focus();
$(window).unload(function() {
doc.close();
});
Проблема, с которой я сталкиваюсь, заключается в том, что хотя Firefox открывает новое окно и мгновенно пишет/анализирует html/css, показывая его пользователю без задержек, Chrome и Safari нужно около 5 секунд, чтобы показать его.
Почему это происходит? Любое предлагаемое решение?
Спасибо за комментарии... Я собирался сделать jsfiddle, но сайт был временно... Он вернулся, но я решил проблему. Проблема была в этой строке в HTML:
<link rel="stylesheet" type="text/css" href="~/templates/preview.css" />
По какой-то причине Chrome/Safari требуется дополнительное время для его анализа. Я изменил его на:
<link rel="stylesheet" type="text/css" href="http://www.fulldomain.com/templates/preview.css" />
и теперь все работает.