Firefox, tarayıcının içerik alanı hariç her şeyi gizle

Firefox'ta adres çubuğu, gezinme çubuğu, pencere başlığı ve sekmeler gibi tüm kenarlıkları ve çubukları gizleme olasılığı var mı, bu yüzden kalan alan tarayıcının içerik alanı mı?

Yazdığım bir web uygulamasının filmini çekmek istiyorum, ancak uygulamanın kendisinden daha büyük bir çözünürlükte film çekmek zorundayım. Uygulamayı tüm tarayıcı öğeleri olmadan bir arka planda göstermek istiyorum.

En iyi yöntem klavye kısayoluyla olurdu, böylece tüm şeyleri tekrar etkinleştirebilirim.

En kolay yol, Firefox'a ilgili eklentileri yüklemektir.

Aşağıdaki kurulumlardan herhangi biri için ilgili eklentileri yükleyin. Firefox'un yeniden başlatılması gerekebilir, ancak Firefox Quantum için genellikle gereksizdir. Kısayol tuşu, varsa, ilgili eklenti için Eklenti Yöneticisi> Uzantılar'dan değiştirilebilir .

Firefox, Firefox 66'dan bu yana kullanıma sunulan tüm kısayolları tek bir yerde yönetmek için yeniden tasarlanmış bir klavye kısayolları bölümüne sahiptir .

Firefox Legacy için

A Kurulumu aşağıdaki eklentileri kullanır:

• Gezinme Çubuğunu Gizle, en son test edilen 1.41.1 imzalı
• Sekme Çubuğunu Gizle, en son test edilen 2.1.0.1 imzalı
• HideScrollbars, son test edilmiş 0.2.1 imzalı

Örneğin, ben ayrı anahtarları kullanmış F3ve F4sırasıyla (Hide Navigasyon Bar and Hide TabBar yoluyla) navigasyon menüsü ve sekme çubuğunun geçiş için. Çubukları gizlemek için, atanan tuşlara tek tek basın. Bu, Firefox'a yalnızca görünür başlık çubuğu veya pencere dekorasyonu sağlar.

Sınırlama: Aradaki bazı gecikmelerden dolayı aynı anahtarı atamak işe yaramaz. Ayrı tuşlara aynı anda basılsa bile sonuç benzerdir. Her iki durumda da çubuklardan biri kullanıcı ile saklambaç oynamaz ve oynatmaz.

Firefox 56 ve öncesi ile çalışır ( Kullanımdan kaldırıldı ), ancak artık Firefox Eklentileri'nden kullanılamıyor. Linux'ta Firefox 41.0 ile birlikte test edildi. Ekran görüntüsü yok.

Firefox Quantum için

Kurulum B aşağıdaki eklentileri kullanır:

• Tkrkt tarafından araç çubuğu olmadan yeni pencere

HTTP, HTTPS veya localhost'ta bir web sayfasına gidin, ardından klavye kısayolunu kullanın veya içerik menüsünde araç çubuğundaki ilgili simgeyi veya "Araç çubuğu olmayan yeni pencere" yi tıklayın. Web sayfası ayrıca yalnızca görünür başlık çubuğu ve yalnızca dikey kaydırma çubuğu bulunan yeni bir pencerede açılır.

Klavye kısayolu: Shift+ Alt+ N(1.3.0'da varsayılan)

Sınırlama: Bu eklenti, yerel dosya sistemindeki (dosya: ///) ve yerleşik sayfalardaki (yaklaşık: *) hiçbir sayfayı açmaz.

Firefox 42 ve üstü ile çalışır. Linux'ta Firefox 69.0 ile 1.3.0 test edildi.

Kurulum C aşağıdaki eklentileri kullanır:

• Ett Chung tarafından açılan pencere

Bir web sayfasına gidin, ardından araç çubuğundaki ilgili simgeyi veya bağlam menüsünde "Geçerli sekmeyi açılır pencereye taşı" veya "Geçerli sayfayı aç / birleştir" seçeneğini tıklayın. Web sayfası yalnızca görünür başlık çubuğu ve yalnızca dikey kaydırma çubuğu bulunan yeni bir pencereye taşınır . Yeni pencereyi normal bir sekmeye geri döndürmek için, içerik menüsündeki "Geçerli sayfayı aç / birleştir" düğmesine tekrar tıklayın.

Klavye kısayolu: Atanmadı (0.0.8'de varsayılan)

Sınırlama: Açılır pencere her zaman değiştirilemeyen orijinal Firefox penceresinin üstünde kalır.

Firefox 53 ve üstü ile çalışır. Linux'ta Firefox 69.0 ile 0.0.8 test edildi.

Eklentisiz Firefox için

Aşağıda , Firefox'un herhangi bir sürümü için çalışan ayrı bir yanıt gönderdim (tıklayın veya aşağı kaydırın), ancak en kolay yol değil ve klavye kısayolu yok.

Yerel yol, Firefox'ta özel stil sayfasını kullanmaktır: userChrome.css

Firefox, Firefox 69 ve sonraki sürümlerde varsayılan olarak userChrome.css dosyasını yüklemez. Özel stil, yine etkili açık hale getirmek için about:configFirefox ve tercihi ayarlayabilirsiniz toolkit.legacyUserProfileCustomizations.stylesheetsiçintrue

Bu cevap güncellenmeden önce, Mike G daha önce bir cevap yazdı .

Nasıl çalışır

Aşağıdaki kod bloğu, userChrome.cssFirefox'ta sekme çubuğunu, gezinme çubuğunu ve kaydırma çubuklarını gizleyecek içeriğidir . Geçerli öğe adları ve kimlikler kullandığınızdan emin olun .

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*
 * Hide tab bar, navigation bar and scrollbars
 * !important may be added to force override, but not necessary
 * #content is not necessary to hide scroll bars
 */
#TabsToolbar {visibility: collapse;}
#navigator-toolbox {visibility: collapse;}
browser {margin-right: -14px; margin-bottom: -14px;}

Sınırlama: Klavye kısayolu yok. Talep üzerine etkinleştirmek veya devre dışı bırakmak için sıkıcı.

• Varsayılan arayüzü geri yüklemek için, Firefox userChrome.cssgibi başka bir adla yeniden adlandırın userChrome.tmpve etkili olması için Firefox'u yeniden başlatın.

• Varsayılan arayüze sahip başka bir Firefox örneğiyle yan yana kullanmak için ayrı bir profil kullanın .

Tüm profiller saklanır profile klasörüne , Firefox'tan bulunabilir sonra navigasyon menü çubuğu veya araç çubuğunu kullanarak Yardım> Sorun Giderme Bilgileri .

Kurulum ve kullanım

Sistem platformundan bağımsız olarak genel adımlar aşağıdadır.

1. Firefox'un Profil Yöneticisi'ni çalıştırın , ardından 'hidebars' (istediğiniz herhangi bir ad) adlı yeni bir profil oluşturun ve Profil Yöneticisi'ni kapatın.

2. Bir dosya yöneticisi çalıştırın ve 1. adımda oluşturulan profil klasörünü açın .

3. Yeni profil klasörünün altında, yoksa üst klasörü içeren yeni dosyalar oluşturun .chrome/userChrome.csschrome

4. Kopya ve içeriği yapıştırmak arasında userChrome.css3. adımda oluşturduğunuz dosyaya yukarıda.

5. Son olarak dosyayı kaydedin ve kapatın .

Kullanmaya başlamak için yeni profille bir Firefox örneği çalıştırın.

Aşağıdaki ekran görüntüsü birleşimi Linux'ta Firefox Legacy (solda) ve Firefox Quantum'u gösterir, her biri özel stil sayfası kullanıldığında her biri küçük pencere boyutunda göz atar.

Firefox 69 ve sonraki sürümleri hariç, tüm Firefox sürümleriyle çalışır, varsayılan olarak userChrome.css'yi yok sayın. Linux'ta Firefox 10, 20, 50 (Firefox Legacy) ve 60, 63, 69 (Firefox Quantum) ile test edildi ve hepsi beklendiği gibi çalışıyor gibiydi.

Referanslar

• Firefox Destek Forumu'nda user1929 tarafından verilen bu yanıt,#TabToolbar sekme çubuğunu değiştirmek için öğe adı ve kimliğinden bahsetti .

• GitHub'daki Timvde tarafından hazırlanan bu özel dosya,#navigator-toolbox gezinme çubuğunu değiştirmek için öğe adı ve kimliğinden bahsetti .

• Firefox Destek Forumu'ndaki cor-el'in bu cevabı,#content browser kaydırma çubuklarını değiştirmek için öğe adı ve kimliğinden bahsetti .

• Anlamak için w3schools CSS taşmasıoverflow gerekli değildir.

• CSS görünürlüğü w3schools üzerindeki değeri anlamak için özellikvisibility .

• CSS'de “! Önemli” kullanmanın etkileri nelerdir? Anlamak için Yığın Taşması!important gerekli değildir.

• Firefox 60, kaydırma çubuğunu gizlemek için kaydırdı css ve Kaydırma Çubuğunu Gizle Firefox 60: reddit.com'daki FirefoxCSS , #contentyalnızca browserscollbar'ı düzgün bir şekilde gizlemek ve kaldırmak için önerdi .

• Firefox 69: userChrome.css ve userContent.css varsayılan olarak devre dışı ghacks.net ve üzerinde PSA: Firefox V69 kullanıcıların userChrome.css ve userContent.css etkinleştirmek için bir pref ayarlamak zorunda kalacak yeni bir tercih belirttiğimiz reddit.com hem toolkit.legacyUserProfileCustomizations.stylesheetsde about:config.

Yanıtlayıcının notu : Bu cevap iki yıl sonra , ancak ilk cevapta eklentiler kullanılmasını önerdikten sonra yazıldı . O zamandan beri, bu yanıtı geliştirmek yerine userChrome.css dosyasına dayanan birkaç yanıt daha yazılmıştır. Bu nedenle, bu cevap artık bir topluluk wiki'si olduğundan, minimum itibara sahip olan herkes Firefox'taki son değişikliklere ayak uydurmak için bu yayını geliştirebilir.

Bunun çok geç olduğunu biliyorum, ama bunun için bir yer imi yaptım, hiçbir eklenti ve indirme gerektirmiyor :)

Aşağıdaki JavaScript kodunu yer işareti olarak kaydedin ve yeni bir minimal pencerede görüntülemek istediğiniz sayfaya tıklayın:

javascript:void%20function(){window.open(window.location.href,Math.random(),%22menubar=1,resizable=0%22)}();

Süreci kolaylaştırmak için buraya tıklayın! | JSfiddle

Not: Bu, tüm tarayıcılarda çalışmalıdır

Firefox ve Vivaldi'yi seviyorum. Vivaldi'nin en iyi özelliklerinden biri (fare hareketlerinin kullanıcısı olduğum), ayarlanabilen ve taşınabilen birçok seçeneğe (kenar çubukları, yer imleri, adres çubuğu, durum çubuğu vb.) Sahip olmasıdır ...

Bir kısayol 'Kullanıcı arayüzünü gizle' diyor. Her şey kaybolur ... böylece sekmeleri / addy çubuğu vb görmek gerek yok zaman ben sadece bir fare dalgalı yapmak ve sayfa ve pencere ile kaldım.

Sihirli.

Daha da iyisi, pencere rengi web sayfasından ipuçları alır ve çok iyi çalışır - güzelce karışır.

Geç olduğunu biliyorum, ama belki biri hoşuna gidecek.

Sadece ihtiyaç duyulana kadar Firefox UI öğelerini gizlemek istiyorsanız, belki benim userChrome.cssiçin. (FF 70.0.1 üzerinde çalışıyor)

• Yalnızca bir sekme varsa sekme çubuğu gizlenir
• Adres çubuğu Ctrl-L, F6 ve benzerleriyle odaklanana kadar gizlenir
• Sağdaki kaydırma çubukları kaldırıldı

Sekme çubuğunu gizlemek için, sekme çubuğunu çıkarmak için Firefox’u kullanmanız customize(sekme çubuğunu sağ tıklamanız) newtab (+) buttonve sistemi kullandığınızdan emin olmanız Titlebar( ve kapatma düğmeleri sekme çubuğunda değildir). Aksi takdirde, bu düğmeler gizlemeyi engelleyecektir.

userChrome.cssDosyayı nereye koyacağınız ve nasıl etkinleştireceğinizle ilgili talimatlar bu mükemmel yayında bulunabilir: /superuser//a/1269912/1107142

Hızlı özetim:

• üzerinde about:configsayfa geçiş toolkit.legacyUserProfileCustomizations.stylesheetsiçintrue
• olsun Profile Directorygelen about:supportsayfa
• adlı bir dizin oluşturun chromeiçinde seninProfile Directory
• userChrome.cssdosyayı bu chromedizine koy

Benim userChrome.css, kopyala ve yapıştır: will:

/* namespace required, do not remove */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* hide tabbar if only one tab */
/* note: won't hide unless newtab (+) button is removed from tabbar and */
/* the system title bars are used (use window manager to disable window */
/* titlebar decorations if desired). */
/* use 'customize' from menu and just drag the (+) button off the tabbar */
/* on the bottom options bar make sure titlebar is on */     
/* setting density to compact is also nice */
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    min-height: 0 !important;
}
#tabbrowser-tabs tab {
    min-height: var(--tab-min-height)
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
    visibility: collapse;
}

/* autohide addressbar */
/* will show address bar when focused with alt-d,ctrl-l,ctrl-k, or f6 */
/* I don't like the mouse hover activation, but follow comments below */
/* if that's something you'd like. */
/* Also,can change nav-bar to navigation-toolbox to autohide all toolbars */
#nav-bar {
    height: 0px !important;
    min-height: 0px !important;
    overflow: hidden !important;
    /* for mouse hover activation would need some height */
    /* disable above height: 0px line and add: */
    /* height: 3px !important; */
}
/* for mouse hover activation need to add: */
/* #nav-bar:hover, */
#nav-bar:focus,
#nav-bar:focus-within,
#nav-bar:active {
    height: auto !important;
}

/* remove right hand scrollbar */
browser {
    margin-right: -15px;
}

Bildiğim en iyi seçenek F11, tüm modern tarayıcılarda kullanılan tam ekran modudur . Bu, masaüstü arka planınızı ve diğer uygulamalarınızı gizleyecektir, ancak bu istediğiniz şey olmayabilir. Web uygulamasının içeriğinin etrafındaki alanı beyazla (veya web uygulamasının stil sayfasındaki arka plan rengini / görüntüsünü) doldurur.

Uygulama pencerenizi komut satırından çalıştırabilirsiniz

"c: \ Program Dosyaları \ Mozilla Firefox" \ firefox.exe -chrome " http://www.example.com "

ve seçtiğiniz bir arka plana sahip genişletilmiş bir masaüstüne yerleştirin.

Firefox Quantum'da ( > = 57 ) bunun nasıl yapılacağı ile ilgili sorular bu soruya cevap verebilir ( Firefox Quantum (> = 57) Tüm araç çubukları nasıl değiştirilir? (F11 gibi bir klavye kısayoluyla, tam ekran değil, bir pencerede) )

F11 / Tam ekran bazen pratik değildir.
Sadece 57'den önceki Firefox sürümlerindeki araç çubuklarını değiştirmek istiyorsanız, "Dorando keyconfig" eklentisiyle mümkündür:

1. Dorando "Anahtar Editörü" nde bir komut dosyası belirtin:

var s = document.getElementById('status-bar');
s.hidden = !s.hidden;
var b = document.getElementById('PersonalToolbar');
b.collapsed = !b.collapsed;
var nb = document.getElementById('nav-bar');
nb.collapsed =!nb.collapsed
var tb = document.getElementById('TabsToolbar');
tb.collapsed =!tb.collapsed

2. Dorando eklenti arayüzü üzerinden bir klavye kısayoluna eşleyin

--kioskyeni Firefox v.71'den yeni komut parametresini denemelisiniz

https://www.mozilla.org/en-US/firefox/71.0a1/releasenotes/

Bir stil sayfası kullanmayı öneren yukarıdaki clearkimura'dan gelen cevabın, Firefox'un sonraki sürümlerinde biraz ince ayar yapması gerektiğini unutmayın. Bunu yaptıktan sonra çözüm benim için çalıştı. Gönderen bu web sayfasında:

Firefox'u başlangıçta userChrome.css araması yapacak şekilde ayarlayın (24.05.2019 güncellenmiştir)

Çoğu kullanıcı için başlatmayı daha hızlı hale getirmek için Firefox 69 artık bu dosyayı otomatik olarak aramayacaktır. Bakmasını söylemelisin. Bunu nasıl yapacağınız aşağıda açıklanmıştır:

1. Yeni bir sekmede, adres çubuğuna about: config yazın veya yapıştırın ve Enter / Return tuşuna basın. Riski kabul eden düğmeyi tıklayın.
2. Listenin üzerindeki arama kutusuna userprof yazın veya yapıştırın ve liste filtrelenirken duraklatın. Listede hiçbir şey görmüyorsanız, lütfen bu talimatların geri kalanını dikkate almayın. Bu sekmeyi şimdi kapatabilirsiniz.
3. Değeri false değerinden true değerine geçirmek için toolkit.legacyUserProfileCustomizations.stylesheets tercihini çift ​​tıklatın .

Bu değişiklik bir sonraki açılışınızda geçerli olmalıdır.