2013-02-21 1 views
1

Hello Fellow Stack Over Flow Genius. 나는 내가 희망하는 것이 간단한 질문이되기를 바랍니다. 패키지 된 앱을 만들고 JavaScript에 구문 분석 할 필요가없는 데이터에 액세스 할 수 있지만 매우 일반적인 Jane 뷰에서 새로운 방식으로 데이터를 다시 나타내고 싶습니다. 더 허용 뭔가javascript/jquery/AngularJS 또는 다른 경로로 Chrome 앱 "webview"dom을 조작 할 수 있습니다.

그래서 내 질문은 :

자바 스크립트 또는 JQuery와 또는 각도로 "웹보기"(의 Chromes는 iframe이에 대한 응용 프로그램 응답을 패키지)의 DOM에 액세스하고 단지 모양을 조작하는 것이 가능하고, 해당 IFrame (웹보기)에 투영되는 데이터의 느낌?

모든 샘플 코드는 크게 감사하겠습니다.

위의 질문은 내가이 길 **이 설정 건가요 왜 상관 없어 경우에 나는이 ** 무시 여기에 더 정교한 설명을 제공 한 이해가되지 않는 경우 :

을 내가 사용하는 페이지가 ajax를 사용하여 일부 내부 시스템에 대한 정보 목록을 동적으로 업데이트 할 수 있습니다. 각 시스템은 본질적으로 조직화 된 방식으로 데이터를 낭비합니다. 제공된 정보는 매우 ... 음 ... 어떻게 ... 놓을 까? 하마. 목표는 브라우저 사이드 뷰에서이를 제거하여 다른 탭이 열리지 않도록하는 것입니다. 데이터의 기능과 무결성을 손상되지 않은 서버 측에서 유지합니다. 특히 팀의 입장에서는 데이터보기를 로컬로만 액세스/조작 할 수 있어야하며, 제공되는 데이터를 본질적으로 쉽게 볼 수 있어야하고 다른 방식으로 조작해야합니다. 이는 모든 사람이 데이터를 다르게 사용함에 따라 모든 사람의 데이터보기에 영향을주지 않으면 서 부서별로 데이터를 다시 포맷 할 수 있도록 보장하기위한 것입니다.

나는 ajax를 가져 왔으며 데이터를 파싱했으며 이미 서버 측에서 수행중인 데이터를 새로 고치려면 많은 호출이 필요하다. 웹 양식을 통해 페이지를로드하고 거기에서 데이터를 조작하여 원하는 방식과 위치를 표시하는 것이 더 쉬울 것이라고 생각합니다.

이 작업을 쉽게 수행하는 방법에 대한 권장 사항 또한 크게 환영 할 것입니다.

답변

3

예, 당신은 웹보기에 executeScript를 호출 할 수

var wv = document.querySelector('webview'); 
wv.executeScript({code: "document.body.style.backgroundColor = 'black';"}) 

을이 당신이 필요로하는 일을 가장 실용적인 방법은 아니지만. 가능한 경우 서버 측 개발자가 데이터의 JSON 피드를 생성하고 패키징 된 앱에서 XHRing하고 적절히 형식을 지정하게하는 것이 좋습니다.

UPDATE : 불행하게도 내가 출력 할 시스템의 MySQL의 PHP 부분에 대한 액세스 권한이없는

var wv = document.querySelector('webview'); 
wv.insertCSS({code: "body { background-color: black;}"}) 
+0

: 당신은 단지 웹보기 컨텐츠를 포맷해야하는 경우, 당신은 또한 간단한 insertCSS 방법을 사용할 수 있습니다 json이 이상적인 솔루션이 될 것입니다. 하지만 위의 코드는 감사 드려요. 감사합니다. – DEVPROCB

+0

안녕하세요, @mangini, 여기에 어떤 뉴스 옵션이 있습니까? 양식 작성을 유도하는 스크립트를 삽입하는 것은 상당히 고통 스럽습니다. – Davi

+0

사실, 질문은 양식 채우기가 아닌 웹보기 내용의 다시 포맷에 관한 것입니다. insertCSS 메소드를 포함하도록 답변을 업데이트했습니다.이 메소드는 훨씬 간단한 방법입니다 (원래 답변 당시, insertCSS는 Chrome 앱에서 사용할 수 없었습니다). – mangini