2009-12-20 2 views
-1

나 자신을위한 유틸리티를 구현하고 싶습니다. 모든 콘솔에서 임의의 JS를 실행할 수있는 작은 콘솔을 제공해야합니다 (Firebug 콘솔과 비슷합니다 - 휠을 재발 명하지 않습니다. 필요한 것을 해보고 재미있게 해보세요.) 어떤 웹 페이지에 윈도우 보이기

그래서 사용 유스 케이스이 될 것입니다 :

  1. 클릭 모든 브라우저에서 북마크.
  2. 텍스트 영역과 몇 개의 버튼이있는 대화 상자 (jQuery 대화 상자와 비슷 함)가 표시됩니다.
  3. 사용자가 텍스트 영역에 JS를 입력하십시오.
  4. 사용자가 버튼을 클릭하면 실행됩니다.
  5. 사용자가 대화 상자를 닫습니다.

나는 에 (어떤의 Gmail, 뉴스, 정적 페이지,) 어떤 웹 페이지를 좋은 대화 상자를 표시 할 수있는 방법을 모르겠어요.

jQuery 대화 상자 (또는 다른 라이브러리)를 만들어 페이지에 표시 할 수 있다고 생각합니다. 대화가 CSS, JS 등의 페이지와 충돌 할 수 있기 때문에 많은 문제가 발생할 수 있습니다.

그래서 문제는 JavaScript를 사용하는 모든 (주요) 브라우저의 웹 페이지에 맞춤 대화 상자를 표시하는 방법입니다.

참고 : 팝업 창이 필요하지 않습니다. IFRAME은 괜찮지 만 웹 페이지의 DOCTYPE이 지원하지 않을 수 있으므로 IFRAME을 사용할 수 없습니다.

감사합니다.
Dmitriy.

답변

0

북마크 렛은 JS 코드 조각이므로 기본적으로 모든 종류의 JS 프로그램을 개발하여 북마크릿을 통해 사용할 수 있습니다. 정상적으로 수행 할 작업을 수행하십시오. 다른 북마클릿의 작동 방식을 확인하십시오.

에 관한 내용 - 라이트 박스형 효과 (다른 내용 위에 DIV가 겹쳐져 있음)를 사용하십시오. IE, 오페라, 사파리에서

+0

나는 북 마트가 무엇인지 압니다. 주된 질문은 창입니다. 예, DIV를 확실히 사용할 수는 있지만 DOCTYPE을 모르는 상태에서 div를 만들 수 있으며 일반적으로 페이지의 내용에 대해 알지 못합니까? DIV를 추가하고 창에 페이지를 첨부하려고하면 다른 CSS를 페이지에 적용했기 때문에 창 배치가 잘못 될 수 있습니다. –

+1

무엇? DIV와 DOCTYPE의 관계는 무엇입니까? HTML 2.0에 대해 말하지 않는다면 모든 최신 버전에 DIV가 있습니다. CSS - 서비스에서 자바 스크립트가 있으므로 화면 너비와 높이를 가져 와서 가운데에 배치하십시오. '! imporant' 속성을 사용하여 원본 문서를 덮어 씁니다. CSS – dusoft

+0

DIV는 DCOTYPE과 아무 관련이 없습니다. 혼란에 빠져서 죄송합니다. 다른 렌더링 모드와 다른 DOCTYPE이 DIV가 나타나는 위치와 방법에 영향을 줄 수 있습니다. 따라서 대화 상자의 CSS를 유지하기가 어려워 페이지에 표시됩니다. 그래서 아마도 다른 접근법이 알려져있을 것입니다. –

1

http://getfirebug.com/lite.html

작품 - 기본적으로 모든 브라우저에서 당신에게 불을 지르고의 기능을 제공합니다.

+0

질문에서 언급했듯이 모든 브라우저에서 작동하는 방화범을 찾고 있지 않습니다. 나는 내가 기술 한 것을 재미 있고 R & D로하고 싶다. –