Zawsze korzystałem z paska narzędzi programisty stron internetowych (jak opisano w innych odpowiedziach), ale Firebug wydaje się czasami tracić niektóre style. Dodałem zakładkę do mojej przeglądarki i dodałem następujący kod JavaScript jako adres URL zakładki. Teraz mogę po prostu przejść do wydrukowania styl klikając zakładkę:
javascript:(function(){var%20h,a,f;a=document.getElementsByTagName('link');for(h=0;h<a.length;h++){f=a[h];if(f.rel.toLowerCase().match(/stylesheet/)&&f.href&&(f.media=='print'||f.media=='screen')){var%20g=f.href.replace(/(&|%5C?)forceReload=\d+/,'');if(f.media.toLowerCase().match(/screen/))f.media="dontshow";if(f.media.toLowerCase().match(/print/))f.media="all";f.href=g+(g.match(/\?/)?'&':'?')+'forceReload='+(new%20Date().valueOf());}}})()
Powyższy kod wyszukuje wszystkie linki arkuszu stylów testy, jeśli są media = druku, a jeśli tak, to zmienia go do mediów = wszystko (i ukrywa wszystkie media = screen, zastępując go media = dontshow) i ponownie ładuje arkusze stylów, dodając token czasu do adresu URL. Podstawowy skrypt przeładowania pochodzi od kogoś innego, dodałem część medialną. To działa doskonale dla mnie!
Byłoby to bardziej czytelne wersja JavaScript URL powyższe wyjaśnienia:
javascript: (function() {
var h, a, f;
a = document.getElementsByTagName('link');
for (h = 0; h < a.length; h) {
f = a[h];
if (f.rel.toLowerCase().match(/stylesheet/) && f.href && (f.media == 'print' || f.media == 'screen')) {
var g = f.href.replace(/(&|\?)forceReload=\d /, '');
if (f.media.toLowerCase().match(/screen/)) f.media = "dontshow";
if (f.media.toLowerCase().match(/print/)) f.media = "all";
f.href = g(g.match(/\?/) ? '&' : '?')
'forceReload=' (new Date().valueOf());
}
}
})()
lepszą odpowiedź tutaj: http://stackoverflow.com/questions/2452713/suggestions-for-debugging-print-stylesheets –
związane: https://stackoverflow.com/questions/2452713/suggestions-for-debugging- print-stylesheets, https://stackoverflow.com/questions/9540990/using-chromes-element-inspector-in-print-preview-mode/ – vaxquis