코드 처리 (서버가 아닌 클라이언트 측)

HTML, CSS 및 JS와 같은 코드를 입력 할 수있는 개발 도구를 생성하고 JSFiddle과 같은 미리보기/결과 창을 생성합니다. 학교에서 자습서로 사용하고 고유 한 사이트가 필요합니다 (저는 CodePen, JS Fiddle 또는 Codecademy를 사용하고 싶습니다 ...하지만 그럴 수는 없습니다).코드 처리 (서버가 아닌 클라이언트 측)

iframe에 처리되고 표시 될 수있는 양식을 생성 할 수 있습니다 (iframe에 표시된 새로운 HTML 파일에 정보를 간단히 표시하는 PHP를 통해). 그러나 이것은 문제가있었습니다. 싸구려 서버 만 있고 너무 많은 압력을 가하고 싶지 않으므로 JS/jQuery를 통해이를 수행해야합니다.

우선 이것이 가능합니까? 그리고 어떻게해야할까요? (코드 예제가 좋을 것입니다.)

덕분에 사전에 (난 (내가 충분한 정보를 제공하지 않은 경우 내가 appologise하지만이 상당히 새로운 해요 단지 무의미한 질문을 할 수있다 15 : /))

환호 :)

출처

2014-03-29 Luke Browne

렌더링 된 html, css, js (클라이언트 측에만 표시)를 표시하려면 무언가 인기있는 코드 중심 텍스트 편집기를 사용할 수 있습니다. 메모장 + + 또는 HTML - 키트. PHP 같은 서버 측 내용을 파싱 할 무언가가 필요하다면 wamp 또는 xampp과 같은 것을 설치할 수 있습니다. 나는 당신 자신의 도구로 휠을 재발견 할 필요없이 로컬로 모든 작업을 수행 할 수 있습니다. –

페이지에 텍스트를 에코하지 않도록 힘이 부족한 서버가 있어야합니다. Raspberry Pi ($ 35 컴퓨터)가 쉽게 제공 할 수 있습니다. –

IOW 귀하의 웹 페이지를 다른 서버에서 호스팅 할 필요가 없습니다. 브라우저는 컴퓨터의 파일로 페이지를 잘 렌더링합니다. 순수한 클라이언트 쪽 일 경우 파일을 마우스 오른쪽 버튼으로 클릭하고 브라우저로여십시오. 만약 당신이 PHP를 구문 분석하고 싶다면 컴퓨터에 서버를 설치해야합니다. (가장 쉬운 방법은 wamp 또는 xampp을 설치하는 것입니다.) –

브라우저에서 PHP 코드의 하위 집합을 구문 분석하고 실행할 수있게 해주는 다소 인상적인 프로젝트 php.js이 있습니다.

출처

2014-03-29 21:55:59

Brilliant! 내가 찾고 있던 것이고 그것이 존재한다는 것을 몰랐다. D –

jsfiddel do와 같이 클라이언트/브라우저에서 완료하려면 2 개 이상의 프레임이 필요합니다. 하나는 코드 용이고 하나는 출력용입니다.

"실행"을 클릭하면 코드를 프레임에 적용해야합니다. 프레임의 document 개체에 액세스하여이 작업을 수행 할 수 있습니다. 가지고 있다면 코드를 주입해야합니다. 프레임/iframe에서 자식 document 개체에 액세스하는 방법에 대한 웹의 많은 예제가 있습니다.

출처

2014-03-29 18:02:11 alpham8

코드 처리 (서버가 아닌 클라이언트 측)

답변

관련 문제