페이지에 머리글이나 도구 모음을 삽입하는 가장 좋은 방법은 무엇입니까?

Question

우리 webapp을 사용하면 고객이 자신의 사이트에서 페이지의 이전 스냅 샷을 볼 수 있습니다. 스냅 샷 시간, URL 및 기타 여러 메트릭과 같은 데이터가 포함 된 페이지 상단에 헤더 (digg 또는 linkedin 툴바와 같은)를 삽입하려고합니다.

가능한 한이 페이지를 원본 상태에 최대한 근접시켜야합니다.

페이지를 최상으로 유지하면서 헤더를 추가하는 가장 좋은 방법은 무엇입니까? iframe에 캐시 된 페이지를 튀어 나와

• :

  잠재적 인 접근 방식은 우리가 살펴 보았다. 그러나 놀랄만큼 많은 사이트에는 프레임을 깨는 코드가 포함되어 있으며이를 막으려 고하는 것처럼 해커가되는 것을 원하지 않습니다.

• 절대/고정 위치 div를 높은 z- 색인으로 페이지 상단에 추가하십시오. 이 접근 방식의 문제점은 a) 일부 스타일링이 over-written 될 수 있다는 것, b) DOM로드에서 실행되는 javascript가 html/ccs와 조화를 이룰 수 있다는 것입니다 (예 : Plone 기반 사이트는 모든 테이블에 클래스 및 스타일을 추가합니다) c) 변화하는 DOCTYPE 또는 부족은 우리 css를 망칠 수 있습니다 (예 IE, 당신을 보면서).

• 높은 z- 인덱스를 사용하여 페이지 상단에 절대적으로 배치 된 iframe을 추가합니다. 이것은 우리의 html/css가 clobbered되거나 수정 된 곳에서 일어납니다. 그러나 다시 우리는 DOCTYPE 문제가 있습니다 - 우리는 그것을 정적으로 배치하고 싶습니다. IE7은 Quirksmode에서 이것을 지원하지 않습니다.

의견이 있으십니까? 감사합니다.

Answer 1

왜 100px 높이의 배너를 사용하고 싶습니까? 다른 가능성을 발견했습니다.

1. 자세한 정보가있는 팝업 또는 링크에 대한 링크를 사용할 수 없습니까?
2. 또는 커서를 올려 놓으면 당겨서 빼내십시오.

그런 식으로 사이트의 많은 부분을 모호하게 만들지 않습니다.

Answer 2

보관 된 버전으로 연결되는 링크를 제어하는 ​​경우 proxy-url을 입력 할 수 있습니다. 해당 URL을 프레임에서 올바른 html로 엽니 다. 이 훨씬 구글 캐시 같다 :

1. 버전 = 43234324
2. 하자가 정상에서 100 픽셀을 시작하는 iframe이있는 HTML 페이지 수 pagearchive.html pagearchive.html처럼 보이는 링크 목록을 보여줍니다. 버전 = 43234324 부분을 사용하면 프레임에서 올바른 URL을 열 수 있습니다.