2012-06-08 67 views
5

Tôi gặp sự cố với Google Chrome: 19.0.1084.52 m khi tôi có Ask Toolbar cài đặt nó phá vỡ bố cục trang web.Bố cục trang web của Google Chrome Thanh công cụ phá vỡ

in màn hình Xem: enter image description here

Có hành vi bình thường mà thanh công cụ trong Chrome sẽ thực hiện việc trang web?

EDIT: Tôi đoán tôi nên bọc mọi thứ bên trong một <div> và di chuyển hình nền từ <body> mặc dù có tùy chọn nào tốt hơn mà không thêm đánh dấu bổ sung này không?

Website link

+0

tôi sẽ không nghĩ rằng điều này là do vấn đề thanh công cụ xin vui lòng chia sẻ liên kết jsfiddle làm việc của bạn hoặc bất kỳ liên kết trang web sống khác .. chúng ta có thể hiểu rõ hơn. –

+0

Thanh công cụ của Google Chrome hoạt động theo cách chúng bao gồm nội dung động trên trang có định vị tuyệt đối. Bạn có thể cung cấp liên kết đến trang đã nói không? –

+0

Tôi cũng thấy điều này! Mặc dù nó đã tạo ra một mớ hỗn độn lớn hơn nhiều. – Patricia

Trả lời

7

Đoạn mã Javascript có thể tắt thanh công cụ yêu cầu trong chrome. Tôi hy vọng chức năng này lan truyền nhanh chóng !!

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

Gọi phương pháp này sau khi body onload

<body onload="removeAsk()"> 
1

Không có phần mở rộng Chrome API để tạo một thanh công cụ để mở rộng đề cập phải đã tạo ra nó thông qua kịch bản nội dung. Điều đó nghĩa là gì đối với mỗi trang bạn mở, các tệp CSS và JavaScript được phần mở rộng này thêm vào để tạo phần tử DOM trong trang hoạt động như một thanh công cụ. Vấn đề với giải pháp này là sử dụng kịch bản nội dung có thể làm rối tung lên trang web hoặc thậm chí cách nó hoạt động.

+0

Thật là một trò đùa, vì vậy chúng tôi sẽ không bao giờ có thể thêm hình nền vào vị trí 'body' trên cùng mà không bao gói mọi thứ trong một div bổ sung vô nghĩa –

+0

I ' m không chắc chắn tại sao bạn quan tâm đến những người đã cài đặt tiện ích mở rộng này? Có thể có rất nhiều tiện ích Chrome được mã hóa kém phá vỡ bố cục trên một số trang. Không có cách nào để tạo một trang web được bảo vệ khỏi các phần mở rộng này. Và nó không có ý nghĩa để cố gắng bảo vệ trang web của bạn từ này ở nơi đầu tiên. Nó không phải là vấn đề của bạn, nó là một vấn đề ở phía người dùng. –

+0

Các tiện ích được tự động cài đặt với một số cập nhật Adobe trên Windows XP khi người dùng không tắt hộp kiểm và khó gỡ cài đặt cho một số người. – Paco

1

Tôi đã gặp sự cố tương tự chính xác này với Thanh công cụ Hỏi. Tôi về cơ bản đã lấy ra các thuộc tính định vị của tôi và trên cùng/trái/phải/đáy và được thay thế bằng lề. Ký quỹ sử dụng ít không gian hơn và nó trở nên sạch hơn.

Mặc dù tôi đồng ý, nhưng thật là vô lý khi thích hợp với thanh công cụ vì người dùng cuối có thể cài đặt bất kỳ thứ gì bị hỏng và đưa ra lỗi bố cục của bạn. Ngay cả tiện ích mở rộng của Skype cũng sẽ phá vỡ bố cục chỉ cần thay đổi số điện thoại.

Vì vậy, bạn không thể làm gì nhiều, nhưng sử dụng lề và giữ CSS ở mức tối thiểu. Chỉ cần 2 xu của tôi. và nếu bạn phải sử dụng CSS thì hãy gắn bó với lề.

Các vấn đề liên quan