인터넷 페이지에는 주소가 존재한다.
하지만 그런 페이지 주소가 보이지 않는 경우도 보일때가 있다.
디아블로3 전투정보실을 참고해보자
금일 기준 야만용사 일반 대균열 랭크 1위 달리고 있는 분의 주소이다.
http://kr.battle.net/d3/ko/profile/Nokia-3756/ <= 마지막에 반듯이 "/"를 넣도록 한다.
http://kr.battle.net/d3/ko/profile/배틀 태그 ID-배틀 태그 숫자/
그러면 아래와 같이 나온다. ~~ 대단하군.
웹에서 보려면 여기까지만 하면된다.
마우스를 어깨 방어구위쪽에 가져가면 능력치가 나오게 된다.
하지만 해당 정보를 가져오는 URL은 어디에 있는걸까?
해당 URL을 언제 사용할까? APP을 만들거나 할때 정보를 유용하게 사용할 수 있다.
크롬 브라우저 F12번키를 누른 후 Network 항목을 선택후 마우스를 아이템에 올려보면 아래와 같은 화면을 볼 수 있다.
여기에서 html 소스를 살펴보도록 하자.
html 소스를 얻는 방법은 IE 에서 파일 > 다른이름으로 저장해도 되고 크롬브라우저에서 F12 소스 탭을 이용해도 된다.
소스에서 data-d3tooltip으로 검색하면 뒤쪽에 있는 주소가 url이 되며 Network 항목에 있는 값을 참고하여 url을 구성해보면 아래와 같은 형식이 된다.
http://kr.battle.net/d3/ko/tooltip/item/CkUIwPmtyAISBwgEFY9EW9Idco4dIR0BYC2xHWpJaeodmwYAyx04neQEHYGBxsQwiwI4jANAAFASWARgjAOAAUa1AewLY0QY4e2l2gU
브라우저로 요청하였더니 아래와 같은 형식으로 나왔다.
이걸 개인 app을 이용해서 파싱을 하는 app을 만들면 스마트폰에서도 능력치를 볼 수 있는 app을 만들 수 있을것이다.
<div class="d3-tooltip d3-tooltip-item">
<div class="tooltip-head tooltip-head-orange">
<h3 class="d3-color-orange">마력 깃든 호의</h3>
</div>
<div class="tooltip-body effect-bg effect-bg-armor effect-bg-armor-square">
<span class="d3-icon d3-icon-item d3-icon-item-large d3-icon-item-orange">
<span class="icon-item-gradient">
<span class="icon-item-inner icon-item-square" style="background-image: url(http://media.blizzard.com/d3/icons/items/large/x1_followeritem_templar_legendary_01_demonhunter_male.png);"></span>
</span>
</span>
<div class="d3-item-properties">
<ul class="item-type-right">
<li class="item-slot">추종자</li>
<li class="item-class-specific d3-color-white">기사단원</li>
</ul>
<ul class="item-type">
<li>
<span class="d3-color-orange">전설 기사단원 유물</span>
</li>
</ul>
<ul class="item-armor-weapon item-armor-armor">
<li class="big">
<p>
<span class="value">566</span>
</p>
</li>
<li>방어도</li>
</ul>
<div class="item-before-effects"/>
<ul class="item-effects">
<p class="item-property-category">주요 속성</p>
<li class="d3-color-blue d3-item-property-default">
<p>
힘
<span class="value">+690</span>
</p>
</li>
<li class="d3-color-blue d3-item-property-default">
<p>
활력
<span class="value">+726</span>
</p>
</li>
<li class="d3-color-blue d3-item-property-default">
<p>
방어도
<span class="value">+566</span>
</p>
</li>
<li class="d3-color-blue d3-item-property-default">
<p>
적중 시 생명력
<span class="value">+13049</span>
</p>
</li>
<p class="item-property-category">보조 속성</p>
<li class="d3-color-blue d3-item-property-default">
<p>
화염 저항
<span class="value">+</span>
<span class="value">147</span>
</p>
</li>
<li class="d3-color-blue d3-item-property-utility">
<p>
적을 처치하고 얻는 경험치
<span class="value">+185</span>
</p>
</li>
<li class="d3-color-orange d3-item-property-default">
<p>추종자에게 장비: 추종자가 죽지 않음</p>
</li>
</ul>
<ul class="item-extras">
<li class="item-reqlevel">
<span class="d3-color-gold">요구 레벨:</span>
<span class="value">70</span>
</li>
<li>계정 귀속</li>
</ul>
<span class="item-unique-equipped">고유 장착</span>
<span class="clear">
</span>
</div>
</div>
<div class="tooltip-extension ">
<div class="flavor">절세 미녀가 애정의 증표로 준 속이 비치는 목도리입니다.</div>
</div>
</div>
댓글 없음:
댓글 쓰기