webdevqa.jp.net

Firefox 57 / Quantum:印刷スタイルをエミュレートします

新しいFirefox Quantum開発コンソールでメディアタイプ「印刷」をエミュレートするにはどうすればよいですか?

どういうわけかそれを有効にしようとし、ドキュメントを検索しましたが、ヒントを見つけることができませんでした!

7
nerdess

不可能だと思った。しかし、突然、別のトピックに 見つかった答え があります。

  1. shift + F2を押してspecialブラウザーコンソールを取得します
  2. 「メディアエミュレートプリント」と入力します
  3. 「Enter」を押す

それでおしまい。

[UPD]このコンソールはv62から始まっています。 https://discourse.mozilla.org/t/how-to-media-emulate-print-without-developer-toolbar-gcli/30975 によると、この機能を取り戻す小さなチャンスがあります

14
skyboyer

GCLI(開発者ツールバー)が削除された後、この機能はFirefoxの最新の夜間バージョンで再び利用可能になりました。印刷スタイルのエミュレーションは、開発者ツールのインスペクターのスタイルパネルから切り替えることができるようになりました。これは、右上にある小さなページアイコンで、ホバー状態を変更し、クラスを切り替え、CSSルールを追加するためのボタンの横にあります(スクリーンショットでは切り替えられています)。

Simulate media print in Firefox 68+

2019年5月の時点で、これは現在の安定版リリース(66)にはまだ含まれていませんが、現在のDeveloper EditionおよびNightly Channel(68.0a1以降)で利用できます。

2019年8月の更新(v68)

バージョン68が安定版リリースチャネルに導入されたため、この機能はすべてのFirefoxディストリビューションで利用できるようになりました。

24
MoritzLost