小编new*_*dev的帖子

Puppeteer - 错误:协议错误 (Network.getResponseBody):找不到具有给定标识符的资源

我正在尝试使用此代码使用 puppeteer 从网站获取响应正文。

#!/usr/bin/env node

require('dotenv').config();
const puppeteer = require('puppeteer');
const readline = require('readline').createInterface({
    input: process.stdin,
    output: process.stdout
});
const path = require('path');
const fs = require('fs');

//
console.log('Starting Puppeteer...');

let responseBody = [];

(async () => {
    const browser = await puppeteer.launch({
        headless: false,
        executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome'
    });
    const page = await browser.newPage();
    
    await page.setRequestInterception(true);

    page.on('request', (request) => {
        request.continue();
    });

    //
    page.on('requestfinished', async (request) => {
        const response =  await request.response();
        const url = response.url();
        // store …
Run Code Online (Sandbox Code Playgroud)

javascript node.js puppeteer

14
推荐指数
1
解决办法
7813
查看次数

更新 npm 安装的软件包 - npm 错误!代码 EINVALIDPACKAGENAME

我正在尝试全局更新我的节点模块。我正在使用这个命令

sudo npm update -g 
Run Code Online (Sandbox Code Playgroud)

但它会在终端产生这个错误

sudo npm update -g 
Run Code Online (Sandbox Code Playgroud)

我认为该命令将扫描文件夹并找到 macOS.DS_Store文件。

我该如何解决这个问题?

node.js npm

14
推荐指数
2
解决办法
7126
查看次数

Chrome 扩展 - 从清单 v2 迁移到 v3

我需要将一些 chrome 扩展迁移到清单 v3。我有一个扩展,它使用后台脚本来拦截一些ajax 请求以获取相关视频文件。我已经开始修改清单文件,但我不确定如何继续处理清单background部分及其相关的 JavaScript 文件。

目前我已经通过以下方式修改了清单:

{
  "manifest_version": 3,
  "name": "__MSG_extName__",
  "description": "__MSG_extDescription__",
  "default_locale": "en",
  "permissions": [
    "tabs",
    "activeTab",
    "webRequest"
  ],
  "host_permissions": [
    "https://*"
  ],
  "icons": {
    "16": "icons/16.png",
    "48": "icons/48.png",
    "128": "icons/128.png"
  },
  "background": {
    "scripts": [
      "js/background.js"
    ],
    "persistent": true
  },
  "web_accessible_resources": [{
    "resources": ["room.html"]
  }],
  "action": {},
  "version": "2.1.0",
  "content_security_policy": {
    "extension_pages": "script-src 'self' ; object-src 'self'"
  }
}
Run Code Online (Sandbox Code Playgroud)

persistent如果我知道我需要删除并替换scriptsservice_workers字符串,我不清楚如何修改背景部分,对吗?

对于background.js文件内容,我不知道它是否会按原样工作,或者我是否需要注册服务人员?

//
let payload = {} …
Run Code Online (Sandbox Code Playgroud)

javascript google-chrome manifest google-chrome-extension

6
推荐指数
1
解决办法
8503
查看次数

axios post 请求 - 错误:getaddrinfo ENOTFOUND

我在 cli 节点脚本中使用 axios。我注意到有时在控制台内会记录此错误:

Error: getaddrinfo ENOTFOUND www.foobar.com
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:67:26) {
  errno: -3008,
  code: 'ENOTFOUND',
Run Code Online (Sandbox Code Playgroud)

它将由该.catch()函数处理,并且对同一地址的下一个 axios 请求将继续工作,我会收到 200 状态代码。是否有任何原因导致请求axios.post生成该错误?

javascript node.js axios

6
推荐指数
1
解决办法
1万
查看次数

Vue cli - 类型错误:无法读取未定义的属性“env”

我正在尝试在我的 vue 应用程序中使用process.env。我创建了两个.env文件,一个用于生产.env.production,另一个用于开发.env.development。这两个文件位于我的 vue 项目的根目录中,但 vue cli 会忽略它们。我创建了一个环境变量,在组件中调用该Home.vue变量来设置不同的开发/生产图像的路径。问题是,构建后,当我运行我的应用程序来测试它时,我会收到此错误

TypeError: Cannot read property 'env' of undefined
Run Code Online (Sandbox Code Playgroud)

它与我要加载的图像的 src 标签中设置的路径有关

<img class="img-fluid" :src="`${process.env.VUE_APP_PATH_START}/img/background.jpg`">
Run Code Online (Sandbox Code Playgroud)

我的.env文件看起来像这个开发环境文件

VUE_APP_PATH_START = ../assets/
Run Code Online (Sandbox Code Playgroud)

生产环境文件

VUE_APP_PATH_START = /
Run Code Online (Sandbox Code Playgroud)

我在构建中遇到此错误是否有任何原因以及如何修复它?

environment-variables vue.js vue-cli dotenv

5
推荐指数
1
解决办法
6231
查看次数

Bootstrap 5 - 为不同的断点显示不同的响应图像

我正在使用引导程序 5。我想使用img标签为移动/平板电脑/桌面显示不同的图像。我正在尝试使用此代码,但无法使用display引导程序框架的实用程序为包装器 div 正确设置断点。

如果可能,我想要三个图像标签,而不是三个不同的 div,它们占据窗口高度的 100%。

如果你看到代码,我有一种模式显示在背景图像的顶部,需要适合所有可用屏幕空间的每个断点。我试过img-fluid w-100 h-100上课,但结果不是很好,我无法裁剪背景。我在前端使用 vue,我不是前端开发人员。

谢谢你。

<template>
  <div class="container-fluid p-0">
    <div class="row m-0">
<!-- This div with the image needs to be displayed only on mobile sm breakpoint -->
      <div class="col-lg-12 d-md-none d-lg-none d-sm-block p-0">
        <img class="img-fluid w-100" src="@/assets/sm-background.png">   
      </div>
<!-- This div with the image needs to be displayed only on tablet md breakpoint -->
      <div class="col-lg-12 d-none d-sm-none d-lg-none d-md-block p-0">
        <img class="img-fluid w-100" src="@/assets/md-background.png">   
      </div> …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap bootstrap-5

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

vue-electron-builder 插件 - 将表单数据从 vue 传递到主电子进程

我正在使用 vuejs 和 vue-cli-electron-builder 插件创建一个跨平台电子应用程序。我在表单中有一些输入字段,使用户能够提交带有一些附加文件的表单,并且我想在应用程序的后台进程中处理这些文件。如何将数据从 vue UI 发送到电子应用程序的主进程?

forms vue.js electron-builder

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