как посмотреть печатные сми css в firebug?

<p>firebug - это отличный инструмент для отображения css для мультимедийного элемента на экране для некоторого элемента html, но есть ли способ взглянуть и на css для печатных сми? или есть какой-нибудь другой инструмент для просмотра печатных сми css?</p>

<p>я бы никогда не ожидал, что это сработает, но это так. установите бета-версию 1.5 firebug и веб-разработчика. когда вы выбираете print css от web developer, инструменты firebug неожиданно работают с новой версией печати для страницы. до сих пор я не нашел никаких проблем с запуском обоих одновременно.</p>

<p>а как насчет панели инструментов веб-разработчика?<br> <a href="https://addons.mozilla.org/en-us/firefox/addon/60">https://addons.mozilla.org/en-us/firefox/addon/6</a> <br> после установки перейдите в css -> показать css по типу носителя -> печать</p>

<p>firefox теперь не нуждается в firebug.</p><ol> <li>запустите панель инструментов разработчика, нажав <code>shift+f2</code></li> <li>введите <code>media emulate print</code></li> </ol><p>введите <code>media reset</code> для возврата к стандартному виду.</p>

<p>используйте плагин web developer. затем вы можете выбрать из меню css, какой медиафайл вы хотите отобразить на странице.</p>

<p>в firefox (и некоторых других браузерах) вы можете видеть статическое отображение таблицы стилей печати с помощью предварительного просмотра. он не так полезен, как панель инструментов веб-разработчика, но также может помочь вам понять, что будет напечатано.</p>

<p>возможно, вы захотите взглянуть на панель инструментов веб-разработчика - она позволяет вам выбрать, какой css вы хотите видеть. в сочетании с firebug должна быть возможность увидеть печатные сми css.</p>

<p>на самом деле, имейте в виду, что вы можете увидеть <code>@media print</code> css, когда вы этого не ожидаете.</p><p>как <a href="http://www.codebeautifier.com/?css\_text=&url=http%3a%2f%2fsstatic.net%2fstackoverflow%2fall.css&template=0&custom=&preserve\_css=on&compress\_c=on&case\_properties=0&css\_level=css2.1&post=#skip">так использует</a> :</p><pre>[..] @ media print {# sidebar, # nav, [..], div.vote {display: none;}} [..]</pre><p>... и, следовательно, можно ожидать, что панель css в firebug как-то покажет:</p><pre>@media print { #sidebar, #nav, [..], div.vote { display: none; } }</pre><p>но вместо этого он показывает css, как будто <code>@media print</code> действительно активен, например:</p><pre>#sidebar, #nav, [..], div.vote { display: none; }</pre><p> <a href="https://i.stack.imgur.com/ksgkr.png"><img src="https://i.stack.imgur.com/ksgkr.png" width="200"></a> </p><p>(см. также отчет по соответствующей проблеме: <a href="http://code.google.com/p/fbug/issues/detail?id=1717">панель css не имеет @media ui</a> .)</p>

<p>панель инструментов веб-разработчика имеет один большой недостаток для отладки css: каждый раз, когда вы обновляете страницу, она возвращается к таблице стилей экрана.</p><p>в эти дни я обычно переключаю носитель таблицы стилей печати на экран во время разработки, а затем переключаю его обратно перед началом работы.</p>