谷歌鉻工具欄打破網站佈局

我有一個谷歌瀏覽器的問題：19.0.1084.52米當我有Ask Toolbar安裝它打破了網站佈局。谷歌鉻工具欄打破網站佈局

請參閱打印屏幕： enter image description here

是不是通常的行爲在Chrome工具欄會降低網站？

編輯：我想我應該包裹一切<div>，並從<body>移動背景圖像，但有沒有更好的選擇，而不添加此額外的標記？

Website link

來源

2012-06-08 John Magnolia

後，這個方法我不會認爲這是因爲工具欄的問題，請您共享工作的jsfiddle鏈接或任何其他活動的網站鏈接的..我們可以更好地理解。 –

Google Chrome工具欄的工作原理是，它們將動態內容包含在頁面中，並具有絕對定位功能。你能提供鏈接到上述頁面嗎？ –

我也遇到過這個！儘管如此，它讓我的佈局變得更加混亂。 – Patricia

Javascript代碼段可以禁用問題工具欄在鉻。我希望這個功能快速傳播！

function removeAsk(){ 
    if(document.getElementById("apn-null-toolbar") != null){ 
     // mainMenu had a style change for its top positioning, returning it to normal 
     // perhaps a function can be made which iterates over every element ask has changed 
     document.getElementById("mainMenu").style.top = "-16px"; 
     // Just remove the iframe and style elements 
     (elem=document.getElementById("apn-null-toolbar")).parentNode.removeChild(elem); 
     (elem=document.getElementById("apn-body-style")).parentNode.removeChild(elem); 
    } 
}

呼叫身體的onload

<body onload="removeAsk()">

來源

2013-03-08 17:12:14 Toby

沒有創建這樣提到分機必須通過內容腳本創建它的工具欄Chrome擴展API。這意味着，對於打開的每個頁面，通過此擴展插入CSS和JavaScript文件以在充當工具欄的頁面內創建DOM元素。這個解決方案的問題在於，使用內容腳本可能會弄亂網站的外觀，甚至是它的工作方式。

來源

2012-06-08 09:39:31

什麼是笑話，所以我們永遠無法將背景圖像添加到「body」位置頂部，而無需將所有內容都包含在無意義的額外div中 –

I'不知道爲什麼你關心安裝了這個擴展的人？可能會有很多編碼不良的Chrome擴展程序在某些頁面上打破布局。沒有辦法創建受這些擴展保護的網站。從一開始就嘗試保護您的網站是沒有意義的。這不是你的問題，這是用戶方面的問題。 –

當用戶未關閉複選框並且某些用戶很難卸載時，擴展程序會自動安裝，並在Windows XP上安裝一些Adobe更新。 – Paco

我遇到了與Ask工具欄完全相同的問題。我基本上拿出了我的定位屬性和頂部/左/右/底部，並用邊距替代。保證金使用更少的空間，並且更加清潔。

儘管我同意，但適應工具欄是有點荒謬的，因爲最終用戶可能已經安裝了任何東西並且會給你的佈局錯誤帶來麻煩。即使Skype的擴展也會破壞佈局，只是改變電話號碼。

因此，您可以做的事情並不多，但是使用邊距並將CSS保持在最低水平。只是我2美分。如果你不得不使用CSS，那麼堅持利潤率。

來源

2013-01-23 18:30:31 Detphx

谷歌鉻工具欄打破網站佈局

回答

相關問題