나 자신을위한 유틸리티를 구현하고 싶습니다. 모든 콘솔에서 임의의 JS를 실행할 수있는 작은 콘솔을 제공해야합니다 (Firebug 콘솔과 비슷합니다 - 휠을 재발 명하지 않습니다. 필요한 것을 해보고 재미있게 해보세요.) 어떤 웹 페이지에 윈도우 보이기
그래서 사용 유스 케이스이 될 것입니다 :- 클릭 모든 브라우저에서 북마크.
- 텍스트 영역과 몇 개의 버튼이있는 대화 상자 (jQuery 대화 상자와 비슷 함)가 표시됩니다.
- 사용자가 텍스트 영역에 JS를 입력하십시오.
- 사용자가 버튼을 클릭하면 실행됩니다.
- 사용자가 대화 상자를 닫습니다.
나는 에 (어떤의 Gmail, 뉴스, 정적 페이지,) 어떤 웹 페이지를 좋은 대화 상자를 표시 할 수있는 방법을 모르겠어요.
jQuery 대화 상자 (또는 다른 라이브러리)를 만들어 페이지에 표시 할 수 있다고 생각합니다. 대화가 CSS, JS 등의 페이지와 충돌 할 수 있기 때문에 많은 문제가 발생할 수 있습니다.
그래서 문제는 JavaScript를 사용하는 모든 (주요) 브라우저의 웹 페이지에 맞춤 대화 상자를 표시하는 방법입니다.
참고 : 팝업 창이 필요하지 않습니다. IFRAME은 괜찮지 만 웹 페이지의 DOCTYPE이 지원하지 않을 수 있으므로 IFRAME을 사용할 수 없습니다.
감사합니다.
Dmitriy.
나는 북 마트가 무엇인지 압니다. 주된 질문은 창입니다. 예, DIV를 확실히 사용할 수는 있지만 DOCTYPE을 모르는 상태에서 div를 만들 수 있으며 일반적으로 페이지의 내용에 대해 알지 못합니까? DIV를 추가하고 창에 페이지를 첨부하려고하면 다른 CSS를 페이지에 적용했기 때문에 창 배치가 잘못 될 수 있습니다. –
무엇? DIV와 DOCTYPE의 관계는 무엇입니까? HTML 2.0에 대해 말하지 않는다면 모든 최신 버전에 DIV가 있습니다. CSS - 서비스에서 자바 스크립트가 있으므로 화면 너비와 높이를 가져 와서 가운데에 배치하십시오. '! imporant' 속성을 사용하여 원본 문서를 덮어 씁니다. CSS – dusoft
DIV는 DCOTYPE과 아무 관련이 없습니다. 혼란에 빠져서 죄송합니다. 다른 렌더링 모드와 다른 DOCTYPE이 DIV가 나타나는 위치와 방법에 영향을 줄 수 있습니다. 따라서 대화 상자의 CSS를 유지하기가 어려워 페이지에 표시됩니다. 그래서 아마도 다른 접근법이 알려져있을 것입니다. –