小编Par*_*oos的帖子

最小的 Vuetify CSS/JS 大小 0.5Mb?

我创建了一个全新的 NUXT 应用程序,并在其中包含以下最低设置:

// package.json
{
  "scripts": {
    "generate": "nuxt generate",
    "analyze": "nuxt build --analyze"
  },
  "dependencies": {
    "nuxt": "^2.11.0",
    "vuetify": "^2.1.3"
  },
  "devDependencies": {
    "@nuxtjs/vuetify": "^1.9.0"
  }
}
Run Code Online (Sandbox Code Playgroud)
// package.json
{
  "scripts": {
    "generate": "nuxt generate",
    "analyze": "nuxt build --analyze"
  },
  "dependencies": {
    "nuxt": "^2.11.0",
    "vuetify": "^2.1.3"
  },
  "devDependencies": {
    "@nuxtjs/vuetify": "^1.9.0"
  }
}
Run Code Online (Sandbox Code Playgroud)
// nuxt.config.js
export default {
  buildModules: [["@nuxtjs/vuetify"]]
};
Run Code Online (Sandbox Code Playgroud)

请注意,我实际上并没有使用任何 Vuetify 组件。所以如果我跑npm generate,我会得到什么?

./dist/about.index.html  --- 243KB, almost all of it vuetify CSS
./_nuxt/'vendors.app' --- …
Run Code Online (Sandbox Code Playgroud)

nuxt.js vuetify.js

7
推荐指数
0
解决办法
548
查看次数

How to connect Firebase Admin to Emulator Auth

I am struggling to connect to the emulated Firebase Auth service via the Firebase Admin SDK. I cut down the code to really make the problem stand out, and hope someone can help.

This is the code of the test.js I run (in NodeJS):

// Someone said these two lines should allow the firebase-admin
// SDK to connect to the emulators, but... no.
process.env['GCLOUD_PROJECT'] = 'my-firebase-project-id'
process.env['FIRESTORE_EMULATOR_HOST'] = 'localhost:8080'
const admin = require('firebase-admin')
const app = admin.initializeApp()
const auth = …
Run Code Online (Sandbox Code Playgroud)

firebase firebase-tools firebase-authentication firebase-admin

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

如何从谷歌联系人(而不是Facebook等)中拨打电话号码?

我需要修复我的旧应用程序中的错误.部分错误是我如何选择联系人.这就是我需要的:

  1. 联系人必须来自"普通"谷歌联系人列表,即我不想从Facebook或类似的任何联系人.
  2. 联系人必须至少有一个电话号码.
  3. 联系人必须来自旧android.provider.Contacts提供商.
  4. 如果我可以使用Intent来获取联系人URI而不必自己创建选择列表等,那么这是一个奖励.

听起来很简单,但我真的很挣扎.这就是我想要的:

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    Intent intent = new Intent(Intent.ACTION_PICK, Contacts.People.CONTENT_URI);
    startActivityForResult(intent, PICK_CONTACT_REQUEST);
}
Run Code Online (Sandbox Code Playgroud)

这很好用.我仍然看到没有电话号码的联系人,但我可以忍受.更糟糕的是,我仍然在列表中看到facebook联系人!这似乎与Froyo API中针对已弃用的联系人内容提供程序的以下引用相矛盾:

这些API已被ContactsContract取代.较新的API允许访问多个帐户并支持类似联系人的聚合.这些API继续有效,但只返回创建的第一个Google帐户的数据,这与原始行为相符.

这听起来就像我想要的那样,但唉,不是我得到的.

最后,这是我希望有人能回答的具体问题:

  1. 为什么我在使用android.provider.Contacts内容提供商时会看到Facebook联系人?
  2. 如果这不起作用,我还能如何让用户选择带有电话号码的谷歌联系人?

非常感谢.古斯塔夫

android

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

有没有办法隐藏节点终端输出中的所有 HTTP 请求日志?

当我使用 Cypress 运行一套测试时,我在终端输出中收到大量 HTTP 请求日志。我认为这张图最能说明问题。在其中,您可以看到我运行来启动 cypress 的命令,接下来是测试期间发出的每个 HTTP 请求的一长串列表。

有没有办法把它们全部隐藏起来?

问题截图

cypress

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

Angular Service Worker 无法在 Firebase 存储上缓存图像,导致 504(网关超时)

我无法让 Angular Service Worker 缓存存储在 Firebase Storage 上的图像,以便它们在离线模式下可用。

我正在使用 angular 7.2.0,在 Windows 机器上的本地主机上运行。

要重现,请执行以下操作。

  1. 将图像上传到 Firebase 存储并记下下载 URL。
  2. 在 PowerShell 中运行以下命令
ng new my-project --service-worker
cd .\my-project\
ng add @angular/pwa --project my-project
Run Code Online (Sandbox Code Playgroud)
  1. 编辑src/app/app.component.html
<img src="https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg">
<img src="https://firebasestorage.googleapis.com/v0/b/{firebase project}.appspot.com/o/{image}.jpg?alt=media&token={token}">
Run Code Online (Sandbox Code Playgroud)
  1. 下面加入src/ngsw-config.json
    "dataGroups": [
      {
        "name": "photos",
        "urls": [
          "https://firebasestorage.googleapis.com/**/*.jpg*",
          "https://upload.wikimedia.org/**/*.jpg"
        ],
        "version": 1,
        "cacheConfig": {
          "maxSize": 1000,
          "maxAge": "10d",
          "timeout": "3s",
          "strategy": "performance"
        }
      }
    ]
Run Code Online (Sandbox Code Playgroud)
  1. 回到powershell,运行:
ng build --prod
http-server -p 8080 -c-1 dist/my-project
Run Code Online (Sandbox Code Playgroud)
  1. http://localhost:8080/在 Chrome …

firebase-storage angular angular-service-worker

5
推荐指数
0
解决办法
359
查看次数

如何为 Instagram Basic Display API App Review 指定测试帐户

我有一个 Web 应用程序想要通过新的 Instagram Basic Display API 访问用户的帖子。一切正常,我现在想要上线,但我发现应用程序审核过程真的很难理解!

应用程序审核文档规定,您必须在截屏视频中演示审核者如何登录您的应用程序、向 Instagram 请求身份验证,然后使用基本显示 API。我在我的网络应用程序中创建了一个测试帐户,并将这些凭据提供给应用程序审核者。问题是他们要连接到哪个 Instagram 帐户。

我假设他们有自己特殊的 Instagram 帐户,并且已预先批准所有正在开发的应用程序。但为了以防万一,我专门为此目的创建了一个 Instagram 帐户,并将其测试凭据提供给应用程序审核者。

我的评论刚刚被拒绝,下面的屏幕截图作为原因。事实证明,审核者确实尝试使用我的测试 Instagram 帐户,但 Instagram 认为他们的登录尝试可疑,并想确认他们确实拥有该帐户。

我该怎么办?Facebook 拥有 Instagram,我正在尝试访问 Instagram 的 API,但他们的 Facebook 应用程序审核者似乎无法测试他们自己的 Instagram 基本显示 API!

我唯一能想到的就是让他们访问测试帐户的网络邮件,以便他们可以解锁自己的可疑登录尝试。

真的有这么难吗![在此输入图像描述] 1

instagram instagram-api

5
推荐指数
0
解决办法
1720
查看次数

firestore 'read' 和 'list' 安全规则有什么区别?

在 Firestore 访问规则中使用allow list;和 有什么区别allow read;?更具体地说,如果我只允许list而不是允许,我的数据会得到什么额外的保护read

在我看来, read 和 list 提供了相同的安全性,他唯一的区别是这list使得合法访问单个对象更加麻烦。毕竟,坏人可以简单地列出对象,然后阅读它们的全部内容。如果他知道对象的 ID,他可以简单地将其包含为搜索词。

// The scopes collection is restricted to only allow 'list' requests.
// The scopes collection contains a 'postPhoto' document

// The following request will fail with an insufficient permission error, as expected
await db
  .collection(`/auth/${client}/scopes`)
  .doc('postPhoto')
  .get()
  .then(doc => console.log(doc.id, doc.data()))
  .catch(e => console.error(e))

// But this request will succeed, and it is in effect the same as …
Run Code Online (Sandbox Code Playgroud)

firebase firebase-security google-cloud-firestore

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

单击其按钮时如何保持 FAB 快速拨号打开

我想在我的 Vuetify FAB 快速拨号中有切换和放大/缩小按钮。我的问题是,一旦用户单击 FAB 按钮之一,FAB 快速拨号“菜单”就会关闭,迫使他们为每次单击(例如“缩小”FAB 按钮)重新打开菜单。

这是我的快速拨号。我希望用户能够多次单击缩放按钮,而每次单击后菜单都不会关闭。完成后,他们应该单击“关闭”按钮以手动关闭快速拨号菜单。

<v-speed-dial v-model="fab" fixed bottom right direction="top">
    <template v-slot:activator>
        <v-btn v-model="fab" fab>
            <v-icon v-if="fab">close</v-icon>
            <v-icon v-else>more_vert</v-icon>
        </v-btn>
    </template>
    <v-btn fab @click="addPhoto">
        <v-icon large>add_photo_alternate</v-icon>
    </v-btn>
    <v-btn fab @click="zoomIn">
        <v-icon large>zoom_in</v-icon>
    </v-btn>
    <v-btn fab @click="zoomOut">
        <v-icon large>zoom_out</v-icon>
    </v-btn>
</v-speed-dial>
Run Code Online (Sandbox Code Playgroud)

我曾尝试使用:value="fab"而不是v-model="fab". 使用 Vue Inspector,我可以看到fab值停止更改,但菜单仍然像以前一样打开和关闭。

vuetify.js

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

如何更改 Chrome 扩展程序的商店图标?

如何在 Chrome Web Store 中更改 Chrome 扩展程序的商店图标?

我要更改的字段位于“Chrome 网上应用店开发者仪表板”->“商品详情”->“图形资产”下。当我第一次创建扩展时,我可以在那里上传图像。事实上,我不得不提交延期。但是在初始上传之后,我没有找到任何更改它的方法,无论是在清单中还是通过仪表板。

真的是永远的吗?没有办法改变吗?

顺便说一句,manifest.json 的图标部分列出了以下图标,但具有与初始上传不同的图形资产。并且默认操作图标是正确的。这只是我似乎无法更改的网络商店列表。

  "icons": {
    "128": "icon-128.png",
    "64": "icon-64.png",
    "48": "icon-48.png",
    "32": "icon-32.png",
    "16": "icon-16.png"
  },
Run Code Online (Sandbox Code Playgroud)

我想更改的商店图标字段的屏幕截图

google-chrome-extension chrome-web-store

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