小编noo*_*der的帖子

如何为 manifest v3 调试 chrome 扩展服务工作线程?

我正在试验 chrome 扩展清单 v3(在 chrome canary 上),但找不到任何方法来调试 manifest.json 中定义的 service worker 脚本。对于 manifest v2,chrome://extensions/ 页面上有一个链接,可以打开后台页面控制台。有没有办法在 manifest v3 服务工作者脚本中查看日志?

我正在使用这个清单 v3 服务工作者扩展的最小工作示例进行测试:https : //gist.github.com/dotproto/3a328d6b187621b445499ba503599dc0

此调试页面上没有提及:https : //developer.chrome.com/apps/tut_debugging

两个迁移指南中也没有提到任何内容:https : //developer.chrome.com/extensions/migrating_to_manifest_v3 https://developer.chrome.com/extensions/migrating_to_service_workers

google-chrome-extension chrome-canary

8
推荐指数
2
解决办法
1936
查看次数

角度数据表服务器分页

我试图在角度数据表上实现服务器端分页但我继续收到以下错误: Error: You cannot use server side processing along with the Angular renderer!

请参阅以下相关代码:

purchasesTable.jade

.panel.panel-default.userTable
  .panel-heading.tableStatementHeader Purchases
  .panel-body
    div()
      table.row-border.hover(datatable='ng', dt-options='purchasesCtrl.dtOptions', dt-columns='purchasesCtrl.dtColumns')
Run Code Online (Sandbox Code Playgroud)

purchasesTable.controller.js

    (function() {
        'use strict';

        angular
            .module('app.purchasesTable')
            .controller('PurchasesTableController', PurchasesTableController);

        PurchasesTableController.$inject = ['envService','$resource', 'DTOptionsBuilder', 'DTColumnBuilder','$http','$state','$stateParams','PurchasesTableService', '$scope'];
        function PurchasesTableController(envService, $resource, DTOptionsBuilder, DTColumnBuilder,$http,$state,$stateParams,PurchasesTableService,$scope) {

            var vm = this;

            activate();

            ////////////////

            function activate() {
              vm.id = $stateParams.id;

              //STYLE TABLES
              vm.dtOptions = DTOptionsBuilder.newOptions()
                                .withOption('ajax', function(data, callback, settings){
                                  console.log(data);

                                  PurchasesTableService.getData()
                                    .then(function(result){
                                      console.log('THIS', result);
                                    });
                                })
                                .withDataProp('data')
                                .withOption('serverSide', true)
                                .withOption('processing', true)
                                .withOption('order', [[0, 'desc']]) …
Run Code Online (Sandbox Code Playgroud)

pagination datatables angularjs angular-datatables

2
推荐指数
1
解决办法
4016
查看次数

如何在没有jquery的情况下将脚本注入文档<head>

我正在构建一个浏览器扩展,并且在<script>标签内部有一个函数,该函数可以修改需要注入<head>任何给定网页的DOM 。整个函数是一个string("<script>function content blah blah</script>")。我正在使用jQuery来实现这一点:

$('head').prepend(modFunction);
Run Code Online (Sandbox Code Playgroud)

而且效果很好。我出于某些原因希望删除jQuery,但是当我尝试创建一个<script>元素注入普通<head>javascript时,一切都会失败。到目前为止,我已经尝试了两种方法:

1。

  var headSelector = document.querySelector('head');
  var el = document.createElement('div');
  el.innerHTML = modFunction;
  modFunction = el.firstChild;
  headSelector.insertBefore(modFunction, headSelector.firstChild);
Run Code Online (Sandbox Code Playgroud)

2。document.head.insertAdjacentHTML('afterbegin', modFunction);

两种javascript尝试都将<script>具有正确功能的标记插入<head>,但是均未执行该功能。不知道为什么jQuery可以正常工作,而普通的javascript无法正常工作。任何帮助将不胜感激。谢谢

html javascript jquery dom google-chrome-extension

0
推荐指数
1
解决办法
2839
查看次数