2012-06-08 29 views
5

Ho un problema con Google Chrome: 19.0.1084.52 m quando ho Ask Toolbar installato interrompe il layout del sito web.Google Chrome Toolbar che rompe il layout del sito web

See schermata di stampa: enter image description here

E 'un comportamento usuale che le barre degli strumenti in Chrome avrebbe effetto il sito web?

EDIT: Credo che dovrebbe avvolgere tutto all'interno di una <div> e spostare il background-image dal <body> anche se c'è una soluzione migliore senza l'aggiunta di questo markup extra?

Website link

+0

non penserò questo è a causa del rilascio della barra degli strumenti si prega condiviso il tuo link jsfiddle di lavoro o qualsiasi altro sito web link dal vivo .. siamo in grado di capire meglio. –

+0

Le barre degli strumenti di Google Chrome funzionano in modo da includere contenuti dinamici sulla pagina con posizionamento assoluto. Potete fornire un link alla suddetta pagina? –

+0

Mi sono imbattuto anche in questo! Tuttavia ha creato un disordine molto più grande del mio layout. – Patricia

risposta

7

Uno snippet di Javascript può disabilitare la barra degli strumenti di richiesta in chrome. Spero che questa funzione si diffonda rapidamente !!

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); 
    } 
} 

chiamare questo metodo dopo onload corpo

<body onload="removeAsk()"> 
1

Non c'è estensioni di Chrome API per la creazione di una barra degli strumenti in modo da un'estensione menzionato deve aver creato tramite script contenuti. Ciò significa che per ogni pagina aperta, i file CSS e JavaScript vengono iniettati da questa estensione per creare un elemento DOM all'interno della pagina che funge da barra degli strumenti. Il problema con questa soluzione è che utilizzando lo script di contenuto è possibile rovinare l'aspetto del sito Web o persino il modo in cui funziona.

+0

Che barzelletta, quindi non saremo mai in grado di aggiungere un'immagine di sfondo alla posizione 'body' top senza avvolgere tutto in un inutile div extra –

+0

I ' Non sono sicuro perché ti interessi delle persone che hanno questa estensione installata? Probabilmente ci sono molte estensioni Chrome codificate male che rompono i layout su alcune pagine. Non c'è modo di creare un sito Web protetto da queste estensioni. E non ha senso provare a proteggere il tuo sito da questo in primo luogo. Non è un tuo problema, è un problema dal lato utente. –

+0

Le estensioni vengono installate automaticamente con alcuni aggiornamenti Adobe su Windows XP quando l'utente non disattiva la casella di controllo ed è difficile da disinstallare per alcune persone. – Paco

1

Ho riscontrato esattamente lo stesso problema con la barra degli strumenti Ask. Ho praticamente eliminato i miei attributi di posizionamento e top/left/right/bottom e sostituito con i margini. Il margine usa meno spazio e risulta più pulito.

Anche se sono d'accordo, è un po 'ridicolo ospitare una barra degli strumenti perché l'utente finale potrebbe avere qualsiasi cosa installata che si rompe e dà i bug del layout. Anche le estensioni Skype interromperanno il layout semplicemente cambiando il numero di telefono.

Quindi non c'è molto che puoi fare, ma usare i margini e mantenere al minimo il CSS. Solo i miei 2 centesimi. e se devi usare i CSS allora rimani con i margini.

Problemi correlati