javascript - 可以使用 javascript/jquery/AngularJS 或其他方式操作 Chrome 应用程序 "webview"dom

标签 javascript jquery webview angularjs google-chrome-app

你好,Stack Over Flow Geniuses。我希望我有一个简单的问题。我正在创建一个打包的应用程序,并且可以访问我不需要使用 JavaScript 解析但希望从非常简单的 Jane View 以新方式重新表示数据的数据。为了更容易接受的东西

所以我的问题是:

是否可以使用 java 脚本或 jquery 或 Angular 访问“Web View ”(Chrome 打包的应用程序对 Iframe 的回答)的 dom,并仅操纵在该 IFrame(Web View )中投影的数据的外观?

任何示例代码将不胜感激。

如果上面的问题没有意义,我在这里提供了更详尽的解释**如果你不关心我为什么要这样设置,请忽略**:

我有一个页面使用 ajax 为某些内部系统动态更新信息列表。每个系统本质上只是以没有组织的方式吐出数据。提供的信息非常……好吧……我该怎么说呢……乏味哈哈。目标是从浏览器侧 View 中删除它,这样另一个选项卡就不会打开;同时保持服务器端数据的功能性和完整性。我特别需要我的团队能够仅在本地访问/操作数据 View ,并从本质上提供更简单的数据 View 并以另一种方式操作。这是为了确保每个部门的数据都可以重新格式化,而不会影响每个人对数据的看法,因为每个人的使用方式不同。

我已经完成了 ajax 拉取并解析了数据,并且需要进行多次调用来刷新服务器端已经完成的数据。我觉得通过 Web 表单实时加载页面并从那里操作数据以显示我想要的方式和位置会更容易。

任何有关如何轻松完成此任务的建议也将不胜感激。

最佳答案

是的,您可以在 WebView 中调用 executeScript:

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

虽然这不是做你需要做的最实用的方法。如果可能的话,我宁愿说服服务器端开发人员生成数据的 JSON 提要,并让您的打包应用程序对其进行 XHR 处理并适本地对其进行格式化。

更新:如果您只需要重新格式化 Webview 内容,您也可以使用更简单的 insertCSS方法:

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

关于javascript - 可以使用 javascript/jquery/AngularJS 或其他方式操作 Chrome 应用程序 "webview"dom,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15007984/

相关文章:

javascript - 将输入更改为图像并使其可点击

javascript - jQuery 1.8 中的 pipe() 和 then() 文档与现实

jquery - 单击时 Bootstrap 多选选项

android - 从android注册页面解析数据到webView注册页面

javascript - Internet Explorer 11 中的 Jquery 对话框问题

javascript - 将多个表单数据传递给 jquery 函数

javascript - 添加滚动到 Div 功能以及 UI 自动完成功能

android - 如何在 sso 之后将 facebook 页面加载到 webview 中?

java - 如何在 JavaFX 中设置 webview editable false

javascript - Moment.js amDateFormat 总是从 1970 年返回日期