class="nav_l
nav_1
nav_lon">
<a
class="nav_a">뉴스<span
class="nav_pg">
<span
class="
nav_pgn
nav_pgnon"
title="현재페이지">1</span>
<span
class="nav_pgn">2</span>
</span>
</a>
</li>
<li
class="nav_l
nav_2">
<a
class="nav_a">연예<span
class="nav_pg">
<span
class="nav_pgn">1</span>
<span
class="nav_pgn">2</span>
</span>
</a>
</li>
네이버 소스 구조를 보면 아래와 같습니다.
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<link rel="apple-touch-icon-precomposed" href="http://static.naver.net/www/m/event/andro.png">
<title>네이버</title>
<link rel="stylesheet" type="text/css" href="http://s.nm.naver.net/css/w_20130108.css">
<style>
.imsv{background-image:url(http://static.naver.net/www/u/2013/0115/mma_167389.jpg)}
@media
......
540px;}}
</style>
<style>
#ct{position:relative;overflow:hidden;width:100%;height:2000px;}
</style>
<script src=" http://m.naver.com/js/c/hm0_20121126.min.js"> </script>
우선 자세한 설명 정말 감사드립니다. ㅠ
덧글 달아 주신것에 대해 다시한번 문의드립니다.
+ class 이름을 자신이 정의한 class명으로 바꾸시면 됩니다.
=> 제가 class를 정의하는거는 정확히 위 소스부분에서 어디다가 작성하면 될까요? (제가 이쪽에 초자라;;)
아주 간단한 class를 만들어주셔서 적용하는 방법 알려주시면 정말 감사드려요 ㅠ
+ 해당영역에 a태그를 걸고 자신이 제작한 자바스크립트를 호출하면 됩니다. 단말에서는 자바스크립트 인터페이스로 통신이 가능합니다.
=> a태그를 아래와 같이 걸면 되는건가요?
<a
class="nav_a" href="javascript:안드로이드에작성한호출함수명() >뉴스<span
class="nav_pg">
<span
class="
nav_pgn
nav_pgnon"
title="현재페이지">1</span>
<span
class="nav_pgn">2</span>
</span>
</a>
일단 스타일은 두개가 정의되어 있네요
<link rel="stylesheet" type="text/css" href="http://s.nm.naver.net/css/w_20130108.css">
CSS를 임포트한겁니다.
<style>
.imsv{background-image:url(http://static.naver.net/www/u/2013/0115/mma_167389.jpg)}
@media
......
540px;}}
</style>
<style>
#ct{position:relative;overflow:hidden;width:100%;height:2000px;}
</style>
문서에 직접 구현했네요
질문자님은 <style></style> 안에 클래스를 작성하시면 됩니다.
클래스는 .으로 시작합니다.
.boldMenu { font-weight:bold; }
등으로 속성을 마음에 들게끔 설정하시고
<a class="boldMenu">뉴스<span class="nav_pg"> ...
로 설정하시면 먹습니다.
태그에 들어있는 모든 class는 스타일의 클래스이므로 해당 클래스 이름으로 스타일에서 찾으시면 어떤 어떤 속성을 정의했는지 보실 수 있을겁니다.
설정된 속성들만 바꿔도 되겠네요.
그리고 자바쪽은 저도 실제 구현을 해보진 않아서 잘 모릅니다 사실 =_=;
android webview javascript interface 등으로 검색하면 많은 자료가 나오지 않을까 생각되네요.
하.. 근데 원하는대로 변경이 안되네요 ㅠㅠㅠ
말씀해주신대로
아래와 같이 스타일을 생성하고
<style
.boldmenu
{
font-color:red;
}</style>
아래 부분에서 class라고 써있는건 다 변경해서 적용해봤는데 그냥
m.naver.com화면이랑 동일하네요;;
<div
id="nav"
class="nav">
<nav
role="navigation">
<ul
class="nav_u">
<li
class="nav_l
nav_1
nav_lon">
<a
class="boldmenu">뉴스<span
class="boldmenu">
<span
class="boldmenu">1</span>
<span
class="
boldmenu
boldmenu"
title="현재페이지">2</span>
</span>
</a>
</li>
왜그러는 걸까요?;;
이게 네이버 사이트에 접속해서 받아온 다음에 파싱을 하면서 수정하시겠다는 것인지... (원격지 요청)
아니면 저 소스를 복붙해서 폰 내에 소스를 넣고 그걸 사용하시겠다는건지 (로컬 사용)
일단 러프하게 말씀드리자면