可能用javascript/jquery/AngularJS或其他方式操縱Chrome應用程序「webview」dom

你好夥伴堆棧溢出天才。我希望我有我希望是一個簡單的問題。我正在創建一個打包的應用程序，並有權訪問我不需要用JavaScript解析的數據，但希望以非常簡單的簡單視圖以新方式重新表示數據。爲了更多的東西接受可能用javascript/jquery/AngularJS或其他方式操縱Chrome應用程序「webview」dom

所以我的問題是：

是否有可能與Java腳本或jQuery的或角訪問的「Web視圖」（鉻合金的封裝應用答案的iframe），DOM和操縱只是外觀和在該IFrame（Web視圖）中投影數據的感覺如何？

任何示例代碼將不勝感激。

如果上述問題沒有任何意義我提供了一個更詳細的解釋一下**忽略如果你不在乎爲什麼我設置它這個方式**：

我有一個使用頁面ajax爲一些內部系統動態更新信息列表。每個系統基本上都是以無組織的方式吐出數據。所提供的信息非常...好...我怎麼把它......平淡哈哈。目標是將其從瀏覽器側視圖中移除，以便另一個選項卡未打開;同時保持數據完整的服務器端的功能和完整性。我需要我的團隊專門訪問/操作數據視圖，並提供更簡單的數據視圖，並以其他方式操作。這是爲了確保每個部門的數據可以重新格式化，而不會影響每個人對數據的看法，因爲每個人都以不同的方式使用它。

我已經完成了ajax pulls並且已經解析了數據，並且需要進行很多調用來刷新已經在服務器端完成的數據。我覺得只需通過Web窗體加載實時頁面並操作來自那裏的數據以顯示我想要的方式和位置就會更容易。

有關如何輕鬆完成此任務的任何建議也將不勝感激。

來源

2013-02-21 DEVPROCB

是的，你可以調用executeScript在網頁視圖：

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

雖然這不是做你需要什麼的最實用的方法。如果可能的話，我寧願說服服務器端開發人員生成數據的JSON提要，並讓你的打包應用程序XHR進行適當的格式化。

UPDATE：如果你只需要重新格式化視圖內容，您還可以使用更簡單的insertCSS方法：

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

來源

2013-03-07 19:38:44 mangini

不幸的是我沒有訪問系統的MySQL的PHP的部分打印出來json，因爲這將是一個理想的解決方案。但我很欣賞上面的代碼，因爲這正是我需要的，謝謝！ – DEVPROCB 2013-03-13 02:35:25

嘿@mangini，這裏的任何新聞選項？注入腳本來驅動表單填充是相當痛苦的。 – Davi 2014-01-17 22:33:12

事實上，問題是關於webview內容重新格式化，而不是表單填充。我已經更新了包含insertCSS方法的答案，這是一種更簡單的方法（在原始答案時，insertCSS不適用於Chrome應用程序）。 – mangini 2014-02-03 19:33:38

可能用javascript/jquery/AngularJS或其他方式操縱Chrome應用程序「webview」dom

回答

相關問題