Chrome 如何使用Electron.js跟踪URL和应用程序

blmhpbnm  于 2023-03-16  发布在  Go
关注(0)|答案(3)|浏览(376)

我正在制作团队管理软件。我想跟踪我们的应用程序的用户访问的URL和应用程序。然后它会到我们的服务器,我们将存储它。但如何跟踪用户访问的URL和应用程序作为Hubstaff做什么?我使用electron.js。

kfgdxczn

kfgdxczn1#

我将如何访问chrome变量?- Ashikur Rahman Munna
Chrome函数是Chromium API的一部分,当Node-Webkit、Electron和Chromium开发人员在其 manifest.json 中包含此类库名称时,可以访问这些API。
下面是一个非常流行和有用的这样的库的指南:
https://developer.chrome.com/docs/extensions/reference/webRequest/
你在你的帖子中包含了**[电子]**标签,所以我认为你知道所有这些事情。
也许你刚开始在电子...在这种情况下,我会说,这份工作可能有点太先进了你现在。

piztneat

piztneat2#

您只能通过网络监控来实现这一点,但这是大量数据,因此您可能需要过滤掉其中的大部分。
下面是当我的浏览器用户决定启用“* 网络监控 *"时我所做的,这是一个有用的功能,可以让他们捕捉流等的URL。

var LogFile='';  // global variable

    
chrome.webRequest.onBeforeSendHeaders.addListener(function(details){

 LogFile='<tr><td>'+details.requestId+'</td><td>'+details.method+'</td><td>'+details.frameId+'</td><td>'+details.type+'</td><td>'+details.url+'</td></tr>'+LogFile;

},{urls:['<all_urls>']},['blocking','requestHeaders']);

因此,我基本上构建了一个所有活动的表格,当他们按[F1]时,可以将其作为表格查看。
无需提醒,在您的manifest.json文件中,您必须包括:

"permissions": "webRequestBlocking", etc... etc...]

......访问这样的功能。

y53ybaqx

y53ybaqx3#

通过使用webContents模块,可以在电子中轻松跟踪URL更改。
以下代码(如Electron API文档所示)将列出webContents对象的所有属性。

const { BrowserWindow } = require('electron')

const win = new BrowserWindow({ width: 800, height: 1500 })
win.loadURL('http://github.com')

const contents = win.webContents
console.log(contents)

您对URL跟踪特别感兴趣的示例事件包括:

  • 事件“将导航”
  • 事件“未开始导航”
  • 事件“将重定向”
  • 事件“did-重定向-导航”
  • 事件“did-导航”
  • 事件“did-帧-导航”
  • 事件“在页面中导航”

关于跟踪使用的应用程序,我不相信电子有能力单独做到这一点。
您可能需要C#加载项的帮助,无论是预制的(如果您能找到)还是自己自定义编码的。

相关问题