☰

always Responsive Design View mode

Fix web page content area size

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！） 

// ==UserScript==
// @author      Shyangs
// @name        always Responsive Design View mode
// @description Fix web page content area size
// @namespace   https://greasyfork.org/users/91-shyangs
// @include     chrome://browser/content/browser.xul
// @version     0.1
// @icon        http://www.gravatar.com/avatar/b4067537364e89cce0d6f91e193420d0
// @license     MIT License; http://opensource.org/licenses/mit-license.php
// ==/UserScript==
/* 
 適應性設計檢視模式 解析度固定為320x480
 Responsive Design View: Fix web page content area size
 */
(function(){

	let width = 320;  // 寬度
	let height = 480; // 高度

	if( "undefined" === typeof(gBrowser) ) return;
	let Fix_ResponsiveUI_Size = function(){
		let aTab = gBrowser.mCurrentTab;
		if(!ResponsiveUI.ResponsiveUIManager.isActiveForTab(aTab)) ResponsiveUI.toggle();
		aTab.__responsiveUI.setSize(width, height);
	};
	Fix_ResponsiveUI_Size();

	/* 考慮在每一個分頁和新開啟的分頁都固定內容尺寸大小，
		偵聽事件： 選擇/切換另一個分頁
	*/
	let tabs = gBrowser.tabContainer;
	tabs.addEventListener('select', Fix_ResponsiveUI_Size);
})();