diff options
Diffstat (limited to 'files/zh-tw/code_snippets/tabbed_browser/index.html')
| -rw-r--r-- | files/zh-tw/code_snippets/tabbed_browser/index.html | 398 |
1 files changed, 0 insertions, 398 deletions
diff --git a/files/zh-tw/code_snippets/tabbed_browser/index.html b/files/zh-tw/code_snippets/tabbed_browser/index.html deleted file mode 100644 index b8a3b14fff..0000000000 --- a/files/zh-tw/code_snippets/tabbed_browser/index.html +++ /dev/null @@ -1,398 +0,0 @@ ---- -title: Tabbed browser -slug: Code_snippets/Tabbed_browser -translation_of: Archive/Add-ons/Tabbed_browser ---- -<p>您將在此尋獲協助您運用Firefox的多頁籤瀏覽器的一些程式碼片段，註解將提示您應該在什麼地方插入您自己的程式碼。</p> -<p> </p> -<p>一般來說這些片段會包含其初始化的程式碼。基本假設是這些程式碼片段將於瀏覽器視窗內容中執行，最佳做法是以<a href="/en/Extension_Frequently_Asked_Questions#Why_doesn.27t_my_script_run_properly.3F" title="en/Extension_Frequently_Asked_Questions#Why_doesn.27t_my_script_run_properly.3F"> load listener </a>來運行。若您要從瀏覽器視窗以外的地方來操作頁籤，您必須先取得任意一個瀏覽器視窗，詳見： <a href="/en/Working_with_windows_in_chrome_code" title="en/Working_with_windows_in_chrome_code">Working with windows in chrome code</a> 。</p> -<h3 id="Getting_access_to_the_browser" name="Getting_access_to_the_browser">多世界詮釋算什麼，多 browser 詮釋才夠暈</h3> -<p>"browser" 有很多意思。把整個 Firefox 稱為 browser 再為理所當然不過，但是 Firefox 有頁籤，每個頁籤本身也都是 browser。無論是一般所指的 web page browser，還是 XUL 裡的 {{ XULElem("browser") }} element，通通叫做 browser。在本文件和其它某些 Firefox 文件裡， browser 還有另一個意思，就是 Firefox XUL window 裡的 <a href="/en-US/docs/XUL/tabbrowser" title="/en-US/docs/XUL/tabbrowser">tabbrowser</a> element。</p> -<h3 id="Getting_access_to_the_browser" name="Getting_access_to_the_browser">如何存取 browser</h3> -<h4 id="從主視窗">從主視窗</h4> -<p>從 global ChromeWindow 中運行的程式碼，例如套疊 (overlay) 於 <code>browser.xul 的 </code>extension，可以用全域變數 <code>gBrowser 來存取</code> {{ XULElem("tabbrowser") }} element <code>。</code></p> -<pre class="eval">// gBrowser 只存在於 browser window (browser.xul) -gBrowser.addTab(...); -</pre> -<p>如果 <code>gBrowser</code> 未定義，代表您的程式碼要不是太早運行，就是並非從 browser window 中運行。在 browser window 還沒完全載入之前 <code>gBrowser</code> 根本還不存在。若要在視窗一打開時存取 <code>gBrowser</code> ，請在 event listener 中使用它，並 <a href="/en/DOM/element.addEventListener" title="en/DOM/element.addEventListener">listen</a> '<code>load'</code> 事件。</p> -<p>若您的程式是 sidebar 或 dialog 而無法存取主視窗，那就要先獲取主視窗才能使用 <code>gBrowser ，詳見：</code> <a href="/en/Working_with_windows_in_chrome_code" title="en/Working_with_windows_in_chrome_code">Working with windows in chrome code</a>.</p> -<h4 id="從腮巴_(sidebar)_存取_browser">從腮巴 (sidebar) 存取 browser</h4> -<p>若您的附加元件基本上是一坨屎 (sidebar) ，那就：</p> -<pre class="brush: js">var mainWindow = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor) - .getInterface(Components.interfaces.nsIWebNavigation) - .QueryInterface(Components.interfaces.nsIDocShellTreeItem) - .rootTreeItem - .QueryInterface(Components.interfaces.nsIInterfaceRequestor) - .getInterface(Components.interfaces.nsIDOMWindow); - -mainWindow.gBrowser.addTab(...); -</pre> -<h4 id="從呆鴨肉_(dialog)_存取_browser">從呆鴨肉 (dialog) 存取 browser</h4> -<p>若您的程式基本上運行於某種呆鴨肉 (dialog) ，而且是從 browser window 直接甩出來的精選優質肥美呆鴨肉，那就：</p> -<pre class="brush: js">window.opener.gBrowser.addTab(...); -</pre> -<p>如果 <code>window.opener</code> 搞不定，那就用以下的程式碼先取得最近打開的 browser window ：</p> -<pre class="brush: js">var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"] - .getService(Components.interfaces.nsIWindowMediator); - -var mainWindow = wm.getMostRecentWindow("navigator:browser"); -mainWindow.gBrowser.addTab(...);</pre> -<h3 id="Opening_a_URL_in_a_new_tab" name="Opening_a_URL_in_a_new_tab">如何以 URL 開啟新 tab</h3> -<pre class="brush: js">// Add tab -gBrowser.addTab("http://www.google.com/"); - -// Add tab, then make active -gBrowser.selectedTab = gBrowser.addTab("http://www.google.com/"); -</pre> -<h4 id="Manipulating_content_of_a_new_tab" name="Manipulating_content_of_a_new_tab">操作新頁籤的內容</h4> -<p>若要操作新開啟頁籤的內容，就要等它載入完。</p> -<pre class="brush: js">// 醬子不行啊 .. 人家還沒準備好 -var newTabBrowser = gBrowser.getBrowserForTab(gBrowser.addTab("http://www.google.com/")); -alert(newTabBrowser.contentDocument.body.innerHTML); - -// BETTER WAY -var newTabBrowser = gBrowser.getBrowserForTab(gBrowser.addTab("http://www.google.com/")); -newTabBrowser.addEventListener("load", function () { - newTabBrowser.contentDocument.body.innerHTML = "<div>hello world</div>"; -}, true); -</pre> -<p>onLoad handler 中的 event target 是個 'tab' XUL element。 關於 getBrowserForTab()，參見： <a href="/en/XUL/tabbrowser#m-getBrowserForTab" title="en/XUL/tabbrowser#m-getBrowserForTab">tabbrowser</a> 。</p> -<h4 id="Opening_a_URL_in_the_correct_window.2Ftab" name="Opening_a_URL_in_the_correct_window.2Ftab">如何精準地在 window 或 tab 開啟 URL</h4> -<p><code><a class="external" href="http://mxr.mozilla.org/mozilla-central/source/browser/base/content/utilityOverlay.js" rel="external nofollow" title="http://mxr.mozilla.org/mozilla-central/source/browser/base/content/utilityOverlay.js">chrome://browser/content/utilityOverlay.js</a></code> 中有許多方法例如 <code>openUILinkIn</code> 和 <code>openUILink，</code> 讓 tab 開啟 URL 變簡單。</p> -<dl> - <dt> - <code>openUILinkIn( url, where, allowThirdPartyFixup, postData, referrerUrl ) </code></dt> - <dd> - where 可以是： - <ul> - <li>"current" 目前 tab (要是 browser window 連個鬼都沒的話就開新視窗)</li> - <li>"tab" 新的 tab (一樣，鬼都沒有就開新視窗)</li> - <li>"tabshifted" 也是新 tab，但若預設選定新 tab 則會在背景開啟，若預設相反則行為相反 (這就是為什麼叫 shifted)</li> - <li>"window" 新視窗</li> - <li>"save" 直接存檔 (不會提示檔名喔!)</li> - </ul> - </dd> - <dt> - <code>openUILink( url, e, ignoreButton, ignoreAlt, allowKeywordFixup, postData, referrerUrl ) </code></dt> - <dd> - </dd> -</dl> -<p>下列程式碼將開啟 URL 並依照什麼鬼滑鼠鍵和什麼鬼熱鍵(例：Ctrl)被按下來開新視窗、開新 tab 或是開在現有的 tab 。這是用於 {{ XULElem("menuitem") }} 的程式碼，而在其它的 XUL elements 上也沒什麼兩樣，但只限 browser.xul 的 overlay 。</p> -<p>XUL:</p> -<pre class="eval"><menuitem oncommand="myExtension.foo(event)" onclick="checkForMiddleClick(this, event)" label="Click me"/> -</pre> -<p>JS:</p> -<pre class="brush: js">var myExtension = { - foo: function(event) { - openUILink("http://www.example.com", event, false, true); - } -}</pre> -<h4 id="如何優柔寡斷地開啟_URL">如何優柔寡斷地開啟 URL</h4> -<pre class="brush: js">var gSessionStore = Cc["@mozilla.org/browser/sessionstore;1"].getService(Ci.nsISessionStore); - -// 生一個新 tab 但是沒載入內容 -var url = "https://developer.mozilla.org"; -var tab = gBrowser.addTab(null); -gSessionStore.setTabState(tab, - '{\ - "entries":[\ - {\ - "url":"' + url + '",\ - "title":"' + url + '"\ - }\ - ],\ - "lastAccessed":0,\ - "index":1,\ - "hidden":false,\ - "attributes":{},\ - "image":null\ - }' -); -</pre> -<h4 id="Reusing_tabs" name="Reusing_tabs">tab 再利用</h4> -<p>與其每次需要就再開新的 tab，若已有 tab 開啟了欲前往的 URL，最佳做法就是試著重用它。遵循這個做法可使您的附加元件開啟最少的 tab。</p> -<h5 id="Reusing_by_URL.2FURI" name="Reusing_by_URL.2FURI">依 URL/URI 來重用</h5> -<p>附加元件常見的一項功能是，當 user 按下某個按鈕或連結就從browser window 中將 user 導向至某個 <code>chrome://</code> 開頭的 URI (像是 help 或 about 這種) 或者一個外部的 HTML (on-line <code>http(s)://</code>) 。接下來的程式碼展示如何重用已顯示所欲前往 URL/URI 的頁籤，如果沒有現存的，則會開個新的。</p> -<pre class="brush: js">function openAndReuseOneTabPerURL(url) { - var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"] - .getService(Components.interfaces.nsIWindowMediator); - var browserEnumerator = wm.getEnumerator("navigator:browser"); - - // Check each browser instance for our URL - var found = false; - while (!found && browserEnumerator.hasMoreElements()) { - var browserWin = browserEnumerator.getNext(); - var tabbrowser = browserWin.gBrowser; - - // Check each tab of this browser instance - var numTabs = tabbrowser.browsers.length; - for (var index = 0; index < numTabs; index++) { - var currentBrowser = tabbrowser.getBrowserAtIndex(index); - if (url == currentBrowser.currentURI.spec) { - - // The URL is already opened. Select this tab. - tabbrowser.selectedTab = tabbrowser.tabContainer.childNodes[index]; - - // Focus *this* browser-window - browserWin.focus(); - - found = true; - break; - } - } - } - - // Our URL isn't open. Open it now. - if (!found) { - var recentWindow = wm.getMostRecentWindow("navigator:browser"); - if (recentWindow) { - // Use an existing browser window - recentWindow.delayedOpenTab(url, null, null, null, null); - } - else { - // No browser windows are open, so open a new one. - window.open(url); - } - } -} -</pre> -<h5 id="Reusing_by_other_criteria" name="Reusing_by_other_criteria">依其它準則來重用</h5> -<p>有時候您可能想重用某個先前已由您的附加元件開啟的頁籤，管它目前 URL/URI 是什麼，只要不是其他的元件開啟的。您的確可以為所欲為，只要在第一次開啟時給它一個自訂屬性。之後要重用它的時候，就從所有已開啟的頁籤找出這個有自訂屬性的頁籤，變更其 URL/URI 並 focus 或 select 該頁籤。要是連個屁都沒有 (可能被 user 關了或是根本沒開過)，那就開個新的然後給它這個自訂屬性。</p> -<pre class="brush: js">function openAndReuseOneTabPerAttribute(attrName, url) { - var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"] - .getService(Components.interfaces.nsIWindowMediator); - for (var found = false, index = 0, tabbrowser = wm.getEnumerator('navigator:browser').getNext().gBrowser; - index < tabbrowser.tabContainer.childNodes.length && !found; - index++) { - - // Get the next tab - var currentTab = tabbrowser.tabContainer.childNodes[index]; - - // Does this tab contain our custom attribute? - if (currentTab.hasAttribute(attrName)) { - - // Yes--select and focus it. - tabbrowser.selectedTab = currentTab; - - // Focus *this* browser window in case another one is currently focused - tabbrowser.ownerDocument.defaultView.focus(); - found = true; - } - } - - if (!found) { - // Our tab isn't open. Open it now. - var browserEnumerator = wm.getEnumerator("navigator:browser"); - var tabbrowser = browserEnumerator.getNext().gBrowser; - - // Create tab - var newTab = tabbrowser.addTab(url); - newTab.setAttribute(attrName, "xyz"); - - // Focus tab - tabbrowser.selectedTab = newTab; - - // Focus *this* browser window in case another one is currently focused - tabbrowser.ownerDocument.defaultView.focus(); - } -} -</pre> -<p>該函式應如此這般調用：</p> -<pre class="eval"><span class="nowiki">openAndReuseOneTabPerAttribute("myextension-myattribute", "http://developer.mozilla.org/")</span>. -</pre> -<h3 id="Closing_a_tab" name="Closing_a_tab">如何砍掉 tab</h3> -<p>下列程式碼將砍掉目前選擇的 tab。</p> -<pre class="eval">gBrowser.removeCurrentTab(); -</pre> -<p>另有一個更廣用的 <code>removeTab</code> 方法，以 XUL {{ XULElem("tab") }} element 為唯一的參數。</p> -<h3 id="Changing_active_tab" name="Changing_active_tab">如何改變 active tab</h3> -<p>左三圈 .. ok，並沒有三圈 .. 選定向左一個 tab：</p> -<pre>gBrowser.tabContainer.advanceSelectedTab(-1, true); -</pre> -<p>右三圈 (喔 .. 抱歉)</p> -<pre>gBrowser.tabContainer.advanceSelectedTab(1, true); -</pre> -<h3 id="Changing_active_tab" name="Changing_active_tab">如何偵測 page load</h3> -<p>另見： <a href="/en/Code_snippets/On_page_load" title="en/Code_snippets/On_page_load">Code snippets:On page load</a></p> -<pre class="brush: js">function examplePageLoad(event) { - if (event.originalTarget instanceof HTMLDocument) { - var win = event.originalTarget.defaultView; - if (win.frameElement) { - // Frame within a tab was loaded. win should be the top window of - // the frameset. If you don't want do anything when frames/iframes - // are loaded in this web page, uncomment the following line: - // return; - // Find the root document: - win = win.top; - } - } -} - -// do not try to add a callback until the browser window has -// been initialised. We add a callback to the tabbed browser -// when the browser's window gets loaded. -window.addEventListener("load", function () { - // Add a callback to be run every time a document loads. - // note that this includes frames/iframes within the document - gBrowser.addEventListener("load", examplePageLoad, true); -}, false); - -... -// When no longer needed -gBrowser.removeEventListener("load", examplePageLoad, true); -... -</pre> -<h3 id="Notification_when_a_tab_is_added_or_removed" name="Notification_when_a_tab_is_added_or_removed">tab 增減通知</h3> -<pre class="brush: js">function exampleTabAdded(event) { - var browser = gBrowser.getBrowserForTab(event.target); - // browser is the XUL element of the browser that's been added -} - -function exampleTabMoved(event) { - var browser = gBrowser.getBrowserForTab(event.target); - // browser is the XUL element of the browser that's been moved -} - -function exampleTabRemoved(event) { - var browser = gBrowser.getBrowserForTab(event.target); - // browser is the XUL element of the browser that's been removed -} - -// During initialization -var container = gBrowser.tabContainer; -container.addEventListener("TabOpen", exampleTabAdded, false); -container.addEventListener("TabMove", exampleTabMoved, false); -container.addEventListener("TabClose", exampleTabRemoved, false); - -// When no longer needed -container.removeEventListener("TabOpen", exampleTabAdded, false); -container.removeEventListener("TabMove", exampleTabMoved, false); -container.removeEventListener("TabClose", exampleTabRemoved, false); -</pre> -<div class="geckoVersionNote"> - <p>{{ gecko_callout_heading("1.9.1") }}</p> - <p>Starting in Gecko 1.9.1 {{ geckoRelease("1.9.1") }}, there's an easy way to <a href="/En/Listening_to_events_on_all_tabs" title="https://developer.mozilla.org/en/Listening_to_events_on_all_tabs">listen on progress events on all tabs</a>.</p> -</div> -<p>{{ h2_gecko_minversion("Notification when a tab's attributes change", "2.0") }}</p> -<p>自 Gecko 2.0 起，您可以 listen <code>TabAttrModified</code> event 來得知 tab 之 attribute 異動。event listener 可能收到 tab 異動的 attribute 如下：</p> -<ul> - <li>{{ xulattr("label") }}</li> - <li>{{ xulattr("crop") }}</li> - <li>{{ xulattr("busy") }}</li> - <li>{{ xulattr("image") }}</li> - <li>{{ xulattr("selected") }}</li> -</ul> -<pre class="brush: js">function exampleTabAttrModified(event) { - var tab = event.target; - // Now you can check what's changed on the tab -} - -// During initialization -var container = gBrowser.tabContainer; -container.addEventListener("TabAttrModified", exampleTabAttrModified, false); - -// When no longer needed -container.removeEventListener("TabAttrModified", exampleTabAttrModified, false); -</pre> -<p>{{ h2_gecko_minversion("Notification when a tab is pinned or unpinned", "2.0") }}</p> -<p>自 Gecko 2.0 起，tab 可以被 "釘選"；也就是說這類 tab 變成一種特殊的 application tabs ("app tabs")，可以被釘在 tab 列的開頭而且只顯示為 favicon。透過 <code>TabPinned</code> 和 <code>TabUnpinned</code> 事件可以得知 tab 被釘了或被拔了。</p> -<pre class="brush: js">function exampleTabPinned(event) { - var browser = gBrowser.getBrowserForTab(event.target); - // browser is the XUL element of the browser that's been pinned -} - -function exampleTabUnpinned(event) { - var browser = gBrowser.getBrowserForTab(event.target); - // browser is the XUL element of the browser that's been pinned -} - -// Initialization - -var container = gBrowser.tabContainer; -container.addEventListener("TabPinned", exampleTabPinned, false); -container.addEventListener("TabUnpinned", exampleTabUnpinned, false); - -// When no longer needed - -container.removeEventListener("TabPinned", exampleTabPinned, false); -container.removeEventListener("TabUnpinned", exampleTabUnpinned, false); -</pre> -<h3 id="Detecting_tab_selection" name="Detecting_tab_selection">如何偵測 tab 選定</h3> -<p>下列程式碼用來得知 browser 中的 tab 被選定：</p> -<pre class="brush: js">function exampleTabSelected(event) { - var browser = gBrowser.selectedBrowser; - // browser is the XUL element of the browser that's just been selected -} - -// During initialisation -var container = gBrowser.tabContainer; -container.addEventListener("TabSelect", exampleTabSelected, false); - -// When no longer needed -container.removeEventListener("TabSelect", exampleTabSelected, false); -</pre> -<h3 id="Getting_document_of_currently_selected_tab" name="Getting_document_of_currently_selected_tab">如何取得已選定 tab 裡的內文(document)</h3> -<p>下列程式碼用來獲取選定 tab 中的內文(document)，於 browser window scope 中運作，例如從 browser window 的 overlay 。</p> -<pre class="eval">gBrowser.contentDocument; -</pre> -<p>或</p> -<pre class="eval">content.document -</pre> -<p>若程式碼是從由 browser window 所開啟的 window 或 dialog，可用以下程式碼獲取已選定 tab 裡所顯示的內文：</p> -<pre class="eval">window.opener.content.document -</pre> -<p>若程式從並非自 browser window 所開啟的 window 或 dialog 中運行，則可用 {{ interface("nsIWindowMediator") }} 獲取最近所使用的 browser window 中已選定 tab 裡的內文。</p> -<pre class="brush: js">var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"] - .getService(Components.interfaces.nsIWindowMediator); -var recentWindow = wm.getMostRecentWindow("navigator:browser"); -return recentWindow ? recentWindow.content.document.location : null; -</pre> -<p>另見： <a href="/en/Working_with_windows_in_chrome_code#Content_windows" title="en/Working_with_windows_in_chrome_code#Content_windows">Working with windows in chrome code</a>.</p> -<h3 id="Enumerating_tabs" name="Enumerating_tabs">如何遍歷 browser</h3> -<p>要遍歷 tabbrowser 中所有的 browser，要先取得任意一個 browser 的 window。如果程式碼是從 <code>browser.xul</code> overlay 執行 (譬如 toolbar button 或者 menu <em>click</em> handler)，可以用預定義的 <code>window </code>變數。但若是從獨自的 window 執行 (例如 settings/options dialog) 則要用 {{ interface("nsIWindowMediator") }} 來取得任意一個 browser 的window。</p> -<p>有了一個 window 後再用 <code>win.gBrowser </code>取得其 <code><tabbrowser/></code> element，其中 <code>win</code> 就是上個步驟中所得到的 browser window 。 如果程式是從 <code>browser.xul</code> overlay 執行的話，可以不必寫 window.<code>gBrowser </code>直接用 <code>gBrowser</code> 就好。很奇怪沒錯，在所有的 IDE 當中也沒有 <code>gBrowser 這個東西</code>，但是別忘了您是在開發 Firefox 的 extension ， 這是它本身的 object model 。</p> -<p>最後一步，利用 <code>gBrowser.browsers.length</code> 得知 browser 的數量，並用 <code>gBrowser.getBrowserAtIndex()</code> 取得 <code><browser/></code> element。範例：</p> -<pre class="brush: js">var num = gBrowser.browsers.length; -for (var i = 0; i < num; i++) { - var b = gBrowser.getBrowserAtIndex(i); - try { - dump(b.currentURI.spec); // dump URLs of all open tabs to console - } catch(e) { - Components.utils.reportError(e); - } -}</pre> -<p>透過 <a href="/en/DOM_Inspector" title="en/DOM_Inspector">DOM Inspector</a> 或參見 {{ source("toolkit/content/widgets/browser.xml","browser.xml") }} 得知對應的 XBL bindings ( 不然參見 {{ XULElem("browser") }} 及 {{ XULElem("tabbrowser") }} 也行)，您將可了解 <code><browser/></code> 和 <code><tabbrowser/></code> elements 有哪些方法可用。</p> -<h3 id="如何取得觸發_http-on-modify-request_notification_的_browser">如何取得觸發 http-on-modify-request notification 的 browser</h3> -<p>關於http-on-* notification 請參見 <a href="/en/Observer_Notifications#HTTP_requests" title="en/Observer_Notifications#HTTP_requests">Observer notifications</a> 。</p> -<p>請注意，部份 HTTP requests 與 tab 無關；例如 RSS feed updates、extension manager requests 以及 XPCOM components 所發出的 XHR requests 等。在這些情況中，下列程式碼將返回 null 。</p> -<div class="warning"> - <strong>注意：</strong>該程式碼使用之 <code>getInterface(Components.interfaces.nsIDOMWindow)</code> 應更新為 {{interface("nsILoadContext")}} ，<a href="/en-US/docs/Updating_extensions_for_Firefox_3.5#Getting_a_load_context_from_a_request" title="/en-US/docs/Updating_extensions_for_Firefox_3.5#Getting_a_load_context_from_a_request">參見範例</a>。</div> -<pre class="brush: js">observe: function (subject, topic, data) { - if (topic == "http-on-modify-request") { - subject.QueryInterface(Components.interfaces.nsIHttpChannel); - var url = subject.URI.spec; /* url being requested. you might want this for something else */ - var browser = this.getBrowserFromChannel(subject); - if (browser != null) { - /* do something */ - } - } -}, - -getBrowserFromChannel: function (aChannel) { - try { - var notificationCallbacks = - aChannel.notificationCallbacks ? aChannel.notificationCallbacks : aChannel.loadGroup.notificationCallbacks; - - if (!notificationCallbacks) - return null; - - var domWin = notificationCallbacks.getInterface(Components.interfaces.nsIDOMWindow); - return gBrowser.getBrowserForDocument(domWin.top.document); - } - catch (e) { - dump(e + "\n"); - return null; - } -} -</pre> -<p>{{ languages( { "fr": "fr/Extraits_de_code/Onglets_de_navigation", "ja": "ja/Code_snippets/Tabbed_browser", "pl": "pl/Fragmenty_kodu/Przegl\u0105danie_w_kartach" } ) }}</p> |