현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

html 에 있는 javascript 를 실행하여...

sauron의 이미지
글쓴이: sauron / 작성시간: 일, 2016/01/10 - 10:33오후

html 에 있는 javascript 를 실행한 결과를 알고 싶습니다. 예를 들어,

[geshifilter-html]
<body>

<div id="id-MainDiv">MainDiv</div>

<script type="text/javascript">
    document.getElementById("id-MainDiv").innerHTML="MainDiv2";
    document.write("<h1>test</h1><br/>");
</script>

</body>
[/geshifilter-html]

라는 html 문서에서 이 문서가 정상적으로 로딩되었을 때의 출력 결과를 C/C++ 로 알 수 있는 방법이 있을까요.
v8 을 찾아봐도 이런 기능은 찾지를 못했었는데... 혹시 C/C++ 콘솔 프로젝트에서, 이런 때 어떤 방법을 사용하시는지 궁금합니다.

Forums: 
프로그래밍 QnA
익명 사용자의 이미지

글쓴이: 익명 사용자 / 작성시간: 월, 2016/01/11 - 1:01오전

자바스크립트의 일부 기능만을 추려서 구현하려 하신다면야 직접 인터프리터를 짜는 것도 가능은 하겠죠.

그런데 그 이상, 그러니까 제시하신 코드처럼 DOM을 파고들어서 innerHTML을 변경한다던가 <h1>test</h1> 같은 걸 출력해서 그 결과 문서 레이아웃이 변화하는 결과까지 확인하고 싶으시다면 음...
거의 웹 브라우저 하나가 통째로 필요한 셈인데, 그걸 직접 구현할 간단한 방법은 없어 보이는군요. 그나마 생각해볼 수 있는 대안이라면

1. 파일에 쓰고, 시스템에 설치된 웹 브라우저 프로그램을 찾아 실행하세요.
2. 웹 브라우저 자체를 프로그램에 내장하는 방법도 있습니다. 예컨대 MFC 프로그램에서는 웹 브라우저 컨트롤을 배치할 수가 있죠.
3. 오픈소스 웹 브라우저에서 필요한 코드를 가져오는 방법도 있겠네요. Lynx나 ELinks 같은 오픈소스 웹 브라우저들이 콘솔 기반입니다. (라이센스 주의하세요. 저 둘은 GPL을 따릅니다.)

sauron의 이미지

글쓴이: sauron / 작성시간: 월, 2016/01/11 - 1:40오전

아하, Lynx 가 GPL 이라니... 좋은 지적 감사합니다.

jick의 이미지

글쓴이: jick / 작성시간: 월, 2016/01/11 - 5:29오전

저도 안써봐서 모르지만 왠지 원하시는 게 다음과 비슷한 게 아닌가 싶네요.

https://en.wikipedia.org/wiki/Headless_browser

https://en.wikipedia.org/wiki/PhantomJS

sauron의 이미지

글쓴이: sauron / 작성시간: 월, 2016/01/11 - 3:26오후

PhantomJS 라. 그런 것도 있네요. 감사합니다 !

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.