我正在 iOS 版 React Native 中实现一个简单的 PoC 应用程序，并尝试使用 react-native-passkey 库来证明一个身份验证器，但是，我正在努力验证证明响应......

我正在 iOS 版 React Native 中实现一个简单的 PoC 应用程序，并尝试使用 react-native-passkey 库来证明身份验证器，但是，我很难验证从客户端到 Nest.JS 服务器的证明响应，该服务器利用 @simplewebauthn/server 依赖项来生成响应。问题似乎是提供的 clientDataJSON 质询字段与服务器上生成的字段不匹配。

以下是我提出的挑战：

i-1E5Fhg0so0Xd3CInFzHG7EVQfWqazTgf-m26flrsQ

下面是我通过首先将 base64 字符串转换为 utf8 字符串并通过以下方式解析提取的客户端数据挑战 JSON.parse ：

{
  type: 'webauthn.create',
  challenge: 'aS0xRTVGaGcwc28wWGQzQ0luRnpIRzdFVlFmV3FhelRnZi1tMjZmbHJzUQ',
  origin: <redacted>
}

来源是故意删减的。这是我的 EC2 实例使用的有效域，并且具有正确证明/断言流程所需的所有端点。

规范 中看到 ，Apple 在签名之前会在挑战中注入某种客户端数据哈希。我不确定这些规范细节如何理解，因为它们太高科技了，我这个笨蛋根本无法理解。

所以，我的问题是，我需要将哪些字节连接到我的挑战中才能使其看起来与我的 iOS 应用程序返回的字节相同？

我尝试获取服务器上的一个端点，将该信息发送给 iOS 身份验证器，并将其响应返回给服务器。我预计客户端数据中返回的质询与服务器生成的质询相匹配。

在您的回复中您有

{
  type: 'webauthn.create',
  challenge: 'aS0xRTVGaGcwc28wWGQzQ0luRnpIRzdFVlFmV3FhelRnZi1tMjZmbHJzUQ',
  origin: <redacted>
}

这里， aS0xRTVGaGcwc28wWGQzQ0luRnpIRzdFVlFmV3FhelRnZi1tMjZmbHJzUQ 将会被base64编码。

如果我对其进行解码，我会得到 i-1E5Fhg0so0Xd3CInFzHG7EVQfWqazTgf-m26flrsQ 与您粘贴的内容相同的内容，并且 i-1E5Fhg0so0Xd3CInFzHG7EVQfWqazTgf-m26flrsQ 您说您生成了该内容。

@Paulw11 在 instagram 中你不能使用自己的应用程序方案，并且深层链接会在其自己的浏览器中打开（因为 instagram 中的链接往往不会离开应用程序）

我有一个旧的 .css 代码，其中大多数颜色符号都是 #fff 或 #999 或 #ccc 或 #ffc。它们都像是来自浏览器安全颜色时代。现在我想将这些符号转换为 256 色...

我有一个旧的 .css 代码，其中大多数颜色符号都是 #fff 或 #999 或 #ccc 或 #ffc。它们都看起来像是来自浏览器安全颜色时代。

现在我想将这些符号转换为每种颜色 256 个范围（但仍为十六进制）。对于 #000 和 #fff 很容易，但如何将其“转换”为 #rrggbb 以保持视觉感知上的相同色调？例如 #666 或 #ffc。

该功能称为“App-Links”，供参考：

• iOS： https://developer.apple.com/documentation/bundleresources/applinks
• 安卓： https://developer.android.com/training/app-links

在两个平台上，所涉及的步骤类似，请阅读上面链接的文档了解详细信息。

步骤1

托管一个 公开 可用的 https://<your domain>/.well-known/<file>

• 对于 iOS，这 <file> 称为 apple-app-site-association
• 对于 Android <file> 来说 assetlinks.json

这些文件定义了您的哪些应用支持哪些 URL。每当在该平台的设备上打开链接时，iOS/Android 操作系统服务都会查询这些文件。

公开可用意味着您可以在互联网上找到示例。以下是 bing.com 的文件：

• https://www.bing.com/.well-known/apple-app-site-association
• https://www.bing.com/.well-known/assetlinks.json

第2步

配置您的应用程序支持哪些链接。

• 在 iOS 上使用关联域权利 https://developer.apple.com/documentation/bundleresources/entitlements/com_apple_developer_associated-domains
• Android intentFilter 上使用 autoVerify https://developer.android.com/training/app-links?hl=de#android-app-links

步骤3

实现解析链接并导航到应用程序正确部分的代码。

要将简写十六进制颜色代码（如）转换 #666 , #ffc 为完整十六进制代码（ #rrggbb ）：

1. 简写结构 ：简写十六进制代码（如 #666 或 ） #ffc 代表颜色 #666666 或 #ffffcc 。
2. 转换过程 ：将简写代码中的每个字符加倍：
   • #666 becomes #666666
   • #ffc becomes #ffffcc

此方法可以保留颜色的视觉外观。

这不是我的问题，我的应用程序中已经有可用的深层链接。它们在 Instagram 上不起作用，因为 Instagram 在其浏览器中使用缩短器打开链接

不要将边距放在 p 元素上，而要将其放在包装 div 上

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

::before,
::after {
  box-sizing: inherit;
}

ul {
  list-style: none;
  margin: 1em;
}

ul ul {
  margin-left: 2em;
}

div {
  display: flex;
  align-items: start;
  gap: .5em;
  margin-bottom: 1em;
}

<ul>
  <li class="task-list-item">
    <div> <input type="checkbox">
      <p>
        <strong>Social Media Advertising Platforms (e.g., Facebook Ads, Instagram Ads)
        </strong>
      </p>
    </div>
    <ul>

      <li class="task-list-item">
        <div> <input type="checkbox">

          <p> <strong>Why</strong>: These platforms allow precise targeting based on demographics, interests, and behaviors. You can specifically target sports enthusiasts, bettors, and people interested in AI and analytics. Advanced targeting options and
            analytics can help refine your campaigns for better ROI and customer acquisition.
          </p>
        </div>
      </li>
    </ul>
  </li>
</ul>

有没有其他方法可以实现这一点，让 margin-block-start 和 margin-block-end 保持在

标签？我正在使用 Markdown 渲染器，所以我不知道我是否可以控制

标签样式。

我期望下拉菜单显示在“关于”下方，我使用了 :hover，但它不起作用。它没有更改为 display: block; .oil { position:relative; display: inline-b...

我原本希望下拉菜单显示在“关于”下方，但我使用过 :hover ，但不起作用。它没有变成 display: block;

.oil {
  position: relative;
  display: inline-block;
}
 
.oil:hover .drop-down-2 {
  display: block;
}
 
.drop-down-2 {
  position:absolute;
  top: 30px;
  display: none;
}
 
.dd-inside {
  display: flex;
  background-color: white;
  flex-direction: column;
  width: 200px;
  opacity: 1;
  border-radius: 10px;
  backdrop-filter: blur(50px);
}
 
.dd-inside .ui {
  display: flex;
  padding:  20px 50px 30px 20px;
  margin: 5px;
  opacity: 0.7;
  flex-direction: row;
  word-spacing: 10px;
}
 
.dd-inside .ui:hover {
  background-color: rgb(213, 212, 212);
  color: red;
  border-radius: 10px;
  font-size: 21px;
}

.fa-brands {
  padding-left: 20px;
  font-size: 25px;
}
 
hr {
  margin: 0 20px;
}

<a class="oil" href="#">About Me</a>
<div id="drop-down-1" class="drop-down-2">
  <div class="dd-inside">
    <a  class="ui io" href="">LinkedIn <i class="fa-brands fa-linkedin-in"></i></a><hr>
    <a class="ui" href="">Twitter <i class="fa-brands fa-twitter"></i></a><hr>
    <a class="ui" href="">Instagram <i class="fa-brands fa-instagram"></i></a><hr>
    <a class="ui"href="">GitHub <i class="fa-brands fa-github"></i></a><hr>
    <a class="ui" href="">Discord <i class="fa-brands fa-discord"></i></a>
  </div>
</div>

在您的 html 中看不到任何“关于”。您能提供最少的可重现代码吗？如果您只需要 html 和 css，则可以使用代码片段选项来创建问题，以便其他人可以看到您遇到的问题。