
答案1
您可以透過從 JavaScript 啟動狹窄的可調整瀏覽器視窗來使 Chrome 和 Firefox 打開縮小的視窗。
這是您可以使用的 HTML 頁面:
<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>
這將顯示一個簡單的頁面,其中包含名為「開啟!」的連結。單擊該連結將開啟一個新的瀏覽器窗口,該窗口的大小可以比通常的瀏覽器頁面調整得更大。
在我的實驗中,我設法將 Firefox 的寬度縮小到大約 290 像素。 Chrome我設法減少到大約200像素。
Chrome 的另一種方法是使用擴充功能 OSX 調整大小。
點擊擴充功能的圖示將在新的可調整視窗中重新開啟當前頁面,我設法將其減小到 176 像素。
Chrome 的另一種方法是使用開發人員工具並將它們停靠在右側。
對接是透過開啟開發者工具並點擊三點選單圖示來完成的:
開發人員工具停靠在右側後,您可以拖曳中間的分隔符號來調整左側顯示的頁面大小。
我以這種方式設法將其最小減少到 150 像素。
答案2
我無法從螢幕截圖中看出您的瀏覽器有多小,但我使用類似的工具顯示融合這讓我可以將超寬顯示器分成幾個虛擬螢幕。這樣,我就可以按熱鍵並將 Firefox 移到那個小螢幕中,它會自動調整大小。我相信這是一種擠壓它的方法。
我使用的另一個工具是迪維觸發後,會在網格中顯示我的螢幕,然後我移動滑鼠繪製一個框以指示我需要的螢幕調整大小。我可以用這個讓 Firefox 變得非常小。
下圖是在 27 吋顯示器上拍攝的,不是超寬顯示器,你可以看到 Firefox 視窗有多小。
我還沒有嘗試過這個,但從理論上講,它應該是相同的- 您可以安裝Windows PowerToys,它附帶一個名為Fancy Zone 的應用程序,該應用程序允許您在屏幕周圍創建區域,然後您可以按將應用程式放入其中SHIFT 並將您的應用程式拖曳到該區域。這將自動將您的應用程式的大小調整為您預先定義的區域的大小。
答案3
在 Firefox 中,您可以使用userChrome.css
覆蓋最小寬度。
- 轉到
about:config
並設定toolkit.legacyUserProfileCustomizations.stylesheets
為 true。 - 找到您的用戶個人資料。該資料夾的名稱應類似於
30t5gfdj.default-release
或30t5gfdj.default
。 - 在使用者設定檔資料夾中,建立一個名為 的資料夾
chrome
。在 中chrome
,建立一個名為userChrome.css
.所以完整的路徑應該要以類似的結尾Mozilla/Firefox/Profiles/30t5gfdj.default-release/chrome/userChrome.css
。 - 填寫完畢後
userChrome.css
,重新啟動瀏覽器以套用變更。
這是我的文件的內容userChrome.css
:
@namespace html url("http://www.w3.org/1999/xhtml");
:root {
min-width: 1px !important;
}