2014-08-30 4 views
0

이 문제에 대한 도움이나 조언은 크게 감사하겠습니다.2 대의 모니터에서 HTML/CSS 및 Javascript를 실시간으로 새로 고침/새로 고침 하시겠습니까?

저는 현대 웹 디자인/개발을위한 표준 설치를 고려하고 있습니다. 기본적으로 듀얼 모니터 설정이 있고 한 화면에서 코드를 작성하고 변경 사항을 다른 화면에 실시간으로 표시하려고합니다.

어제까지 나는 jsbin을 이런 방식으로 사용하고 있었고 그 작업은 훌륭했습니다. 나는 코딩 물건 (HTML/CSS/jQuery)을 가진 하나의 브라우저 셋업을 가지고 있었고, 입력 된대로 즉시 업데이트되는 두 번째 모니터에서 다른 별도의 브라우저를 열었다. 예를 들어 CSS 규칙을 변경하면 아무 것도하지 않고 두 번째 모니터에 실시간으로 표시됩니다. 저장 안함, 상쾌함 없음, 전환 탭 없음 - 아무 것도 없습니다.

그러나 어떤 이유로 jsbin은 실시간으로 업데이트를 거부하고 수동으로 브라우저를 새로 고침하면 코드가 변경됩니다. jsbin에게 이메일을 보내 왔지만 문제를 진단 할 수 없습니다.

그래서 내가 찾고있는 것은 온라인 대안이거나 로컬 대안입니다. 그러나, 지금까지 시도한 모든 것 (그리고 나는 모든 것을 의미합니다)은 jsbin이 한 일을 할 수 없습니다.

dabblet.com, jsFiddle.net, liveweave.com, codepen.io, cssdeck.com 등

그러나 위의 모든 내가 두 번째 모니터로 이동할 수있는 두 번째 탭/브라우저를 제공하지 않습니다 가장 중요한 것은 실시간으로 코드 업데이트를 보여주는 것입니다.

확실히 쉬운 해결책이 있어야합니까? 웹 사이트를 개발하는 동안 2 개의 모니터에서 이런 식으로 코딩하는 것이 일반적이지 않습니까? 나는 이것에 대한 도움을 정말 고맙겠습니다.

많은 감사
벤 지방 옵션의

답변

2

, Brackets는 실시간 미리보기 모드가 있습니다.

프로젝트를 열거 나 편집, 파일을 선택 신청을 한 후

은 -> 라이브 미리보기

그것은 새로 고침 필요없이 저장하거나 브라우저, 다음 변경 사항이 입력 할 때 반영, 브라우저 창을 실행합니다.

+0

대괄호를 사용하는 것이 좋습니다. 하지만 불행히도 나는 PHP를 사용하여 작동하도록 라이브 미리보기를 가져올 수 없습니다. 당신이 그것을 편집하기 위해 PHP include 파일을 클릭하면 브라우저는 html/css 컨텍스트없이 그 파일을로드합니다. 플러스 어떤 이유로 라이브로드를 중지합니다. 지금은 그걸로 싸울 너무 많은 번거 로움처럼 보입니다. 생각해 줘서 고마워. –

1

저는 이중 모니터 설정에서 Liveweave을 사용합니다. 나는 HTML/CSS를 왼쪽 창/모니터에두고 JS/미리보기를 오른쪽 모니터에 보관합니다. 위대한 작품!

+0

완벽하게 들립니다! 하지만 Liveweave에서 작업 공간을 2 개의 모니터/브라우저/탭으로 분할하는 옵션을 볼 수 없습니까? Liveweave 툴바의 레이아웃 버튼을 사용하여 레이아웃을 조정할 수 있지만 변경 사항은 단일 브라우저/탭에만 적용됩니까? 얼마나 정확히 관리 했습니까? –

+0

내가 의도 한 것은 오른쪽에 미리보기와 왼쪽에 코드 패널이 표시되도록 창을 확장하는 것이 었습니다. 그러나 미리보기 패널을 분리하려는 경우이 방법은 작동하지 않습니다. 즉, 별도의 탭에서 미리보기를 사용하는 목적은 무엇입니까? 나는 단지 궁금하다. 위의 방법은 똑같은 일을하지 않습니다. 단지 말하고 있습니다. –

+0

아, 지금 무슨 뜻인지 알 겠어. 어떻게 작동하는지는 알 수 있지만 모니터가 다른 해상도/비율이므로 이상적인 것은 아니므로 2 대의 모니터에서 브라우저를 분할하면 브라우저 창이 잘 리는 것을 의미합니다.영리한 해결 방법을 가져 주셔서 감사합니다. –