Traduzir "devtools" para chinês

ZH 您可以按照我们的演示试用该 API，并在 Chrome DevTools 网络和应用程序选项卡中检查令牌。Chrome DevTools 网络选项卡中的信任令牌。Chrome DevTools 应用程序选项卡中的信任令牌。

Transliteração nín kě yǐ àn zhào wǒ men de yǎn shì shì yòng gāi API， bìng zài Chrome DevTools wǎng luò hé yīng yòng chéng xù xuǎn xiàng kǎ zhōng jiǎn chá lìng pái。Chrome DevTools wǎng luò xuǎn xiàng kǎ zhōng de xìn rèn lìng pái。Chrome DevTools yīng yòng chéng xù xuǎn xiàng kǎ zhōng de xìn rèn lìng pái。

• 您可以按照我们的演示试用该
• Chrome DevTools
• DevTools

ZH 借助 Chrome DevTools 的“Coverage（覆盖率）”选项卡，您可以发现关键和非关键 CSS。请参阅使用 Coverage 选项卡查看已使用和未使用的 CSS。Chrome DevTools：Coverage 选项卡。

Transliteração jiè zhù Chrome DevTools de “Coverage （fù gài lǜ）” xuǎn xiàng kǎ， nín kě yǐ fā xiàn guān jiàn hé fēi guān jiàn CSS。qǐng cān yuè shǐ yòng Coverage xuǎn xiàng kǎ chá kàn yǐ shǐ yòng hé wèi shǐ yòng de CSS。Chrome DevTools：Coverage xuǎn xiàng kǎ。

• 借助 Chrome DevTools
• Coverage 选项卡查看已使用和未使用的

ZH Google Chrome DevTools新手的几点建议

Transliteração Google Chrome DevTools xīn shǒu de jǐ diǎn jiàn yì

• Chrome DevTools新手的几点建议

ZH Google Chrome DevTools新手的几点建议 | Hostwinds

Transliteração Google Chrome DevTools xīn shǒu de jǐ diǎn jiàn yì | Hostwinds

• Chrome DevTools新手的几点建议xHostwinds

ZH 请注意： 这是一个非常浓缩的摘要，并没有涵盖一切。我们甚至不会在使用Chrome DevTools时对您提供的无数选项划伤。

Transliteração qǐng zhù yì： zhè shì yī gè fēi cháng nóng suō de zhāi yào， bìng méi yǒu hán gài yī qiè。wǒ men shén zhì bù huì zài shǐ yòngChrome DevTools shí duì nín tí gōng de wú shù xuǎn xiàng huà shāng。

ZH 好的，伙计们，虽然这将是一个非常简短的总结，但我们仍然有很多地覆盖。让我们首先打开Google Chrome窗口并打开我们的Chrome DevTools！

Transliteração hǎo de， huǒ jì men， suī rán zhè jiāng shì yī gè fēi cháng jiǎn duǎn de zǒng jié， dàn wǒ men réng rán yǒu hěn duō de fù gài。ràng wǒ men shǒu xiān dǎ kāiGoogle Chrome chuāng kǒu bìng dǎ kāi wǒ men deChrome DevTools！

• Chrome窗口并打开我们的Chrome

ZH 如何打开谷歌浏览器DevTools

Transliteração rú hé dǎ kāi gǔ gē liú lǎn qìDevTools

• 如何打开谷歌浏览器DevTools

ZH 首先，让我们把它淘汰这个：谷歌Chrome Devtools完全很棒。这是由于许多原因是真的，其中一个是这些工具要访问的容易。

Transliteração shǒu xiān， ràng wǒ men bǎ tā táo tài zhè gè： gǔ gēChrome Devtools wán quán hěn bàng。zhè shì yóu yú xǔ duō yuán yīn shì zhēn de， qí zhōng yī gè shì zhè xiē gōng jù yào fǎng wèn de róng yì。

ZH 以下是打开Chrome DevTools的各种方法：

Transliteração yǐ xià shì dǎ kāiChrome DevTools de gè zhǒng fāng fǎ：

• 以下是打开Chrome

ZH 现在，在我们开始我们的教程之前，您是否有机会意识到Chrome DevTools在以前的Hostwinds博客文章中介绍了关于WordPress儿童主题的帖子？

Transliteração xiàn zài， zài wǒ men kāi shǐ wǒ men de jiào chéng zhī qián， nín shì fǒu yǒu jī huì yì shì dàoChrome DevTools zài yǐ qián deHostwinds bó kè wén zhāng zhōng jiè shào le guān yúWordPress ér tóng zhǔ tí de tiē zi？

ZH 注意： 我们将从窗口顶部最左侧的面板移动到最右侧的面板，以探索Chrome DevTools。

Transliteração zhù yì： wǒ men jiāng cóng chuāng kǒu dǐng bù zuì zuǒ cè de miàn bǎn yí dòng dào zuì yòu cè de miàn bǎn， yǐ tàn suǒChrome DevTools。

ZH 等等，我们讲得太早了！ 我们总是为老爸老兄开玩笑和双关语。 不过，让我们将您的注意力转移到DevTools窗口左上角的光标图标上。

Transliteração děng děng， wǒ men jiǎng dé tài zǎo le！ wǒ men zǒng shì wèi lǎo bà lǎo xiōng kāi wán xiào hé shuāng guān yǔ。 bù guò， ràng wǒ men jiāng nín de zhù yì lì zhuǎn yí dàoDevTools chuāng kǒu zuǒ shàng jiǎo de guāng biāo tú biāo shàng。

ZH 你问的是什么？更多对DevTools标签的解释！到"记忆"。

Transliteração nǐ wèn de shì shén me？ gèng duō duìDevTools biāo qiān de jiě shì！ dào"jì yì"。

ZH 康妮爸爸的笑话 和 双关双关： 恭喜完成我们的Chrome DevTools教程。 我们会给你一个金牌来穿越终点线，但是一个 铬金属 可能更合适！

Transliteração kāng nī bà bà de xiào huà hé shuāng guān shuāng guān： gōng xǐ wán chéng wǒ men deChrome DevTools jiào chéng。 wǒ men huì gěi nǐ yī gè jīn pái lái chuān yuè zhōng diǎn xiàn， dàn shì yī gè gè jīn shǔ kě néng gèng hé shì！

• 恭喜完成我们的Chrome
• 铬金属

ZH 哇，那个人很粗糙。 无论如何，我们希望您对Chrome DevTools的某些功能，提示和指针有所了解。 右键点击您的网站，即可立即使用迷人的Google Chrome开发者工具！

Transliteração wa， nà gè rén hěn cū cāo。 wú lùn rú hé， wǒ men xī wàng nín duìChrome DevTools de mǒu xiē gōng néng， tí shì hé zhǐ zhēn yǒu suǒ le jiě。 yòu jiàn diǎn jī nín de wǎng zhàn， jí kě lì jí shǐ yòng mí rén deGoogle Chrome kāi fā zhě gōng jù！

ZH 当你用 Chrome DevTools 的 timeline 来查看的话，你可以看到跟一下相似的模式：

Transliteração dāng nǐ yòng Chrome DevTools de timeline lái chá kàn de huà， nǐ kě yǐ kàn dào gēn yī xià xiāng shì de mó shì：

• 当你用 Chrome DevTools
• timeline

ZH Chrome DevTools 框架模式。 瀑布流越高，说明浏览器做的越多。

Transliteração Chrome DevTools kuāng jià mó shì。 pù bù liú yuè gāo， shuō míng liú lǎn qì zuò de yuè duō。

• Chrome DevTools

ZH 当你用 Chrome DevTools 的 timeline 来查看的话，你可以看到跟一下相似的模式：

Transliteração dāng nǐ yòng Chrome DevTools de timeline lái chá kàn de huà， nǐ kě yǐ kàn dào gēn yī xià xiāng shì de mó shì：

• 当你用 Chrome DevTools
• timeline

ZH Chrome DevTools 框架模式。 瀑布流越高，说明浏览器做的越多。

Transliteração Chrome DevTools kuāng jià mó shì。 pù bù liú yuè gāo， shuō míng liú lǎn qì zuò de yuè duō。

• Chrome DevTools

ZH 使用 Chrome 开发者工具中的代码覆盖率选项卡查找您网页上任何未使用的 CSS。

Transliteração shǐ yòng Chrome kāi fā zhě gōng jù zhōng de dài mǎ fù gài lǜ xuǎn xiàng kǎ chá zhǎo nín wǎng yè shàng rèn hé wèi shǐ yòng de CSS。

• Chrome 开发者工具中的代码覆盖率选项卡查找您网页上任何未使用的

ZH Chrome 开发者工具中性能面板的时间点部分包括一个 LCP 标记，并会在您将鼠标悬停在相关节点字段上时显示哪些元素与 LCP 相关联。

Transliteração Chrome kāi fā zhě gōng jù zhōng xìng néng miàn bǎn de shí jiān diǎn bù fēn bāo kuò yī gè LCP biāo jì， bìng huì zài nín jiāng shǔ biāo xuán tíng zài xiāng guān jié diǎn zì duàn shàng shí xiǎn shì nǎ xiē yuán sù yǔ LCP xiāng guān lián。

• Chrome 开发者工具中性能面板的时间点部分包括一个 LCP
• LCP

ZH 一种找到满足对比度要求的颜色的方法是使用 Chrome DevTools 的颜色选取器：

Transliteração yī zhǒng zhǎo dào mǎn zú duì bǐ dù yào qiú de yán sè de fāng fǎ shì shǐ yòng Chrome DevTools de yán sè xuǎn qǔ qì：

• 一种找到满足对比度要求的颜色的方法是使用 Chrome DevTools

ZH 更复杂的情况，例如渐变上的文本或图像上的文本，需要手动检查，UI 元素和图像也是如此。对于图像上的文本，您可以使用 DevTools 的背景颜色选择器来检查文本出现的背景：

Transliteração gèng fù zá de qíng kuàng， lì rú jiàn biàn shàng de wén běn huò tú xiàng shàng de wén běn， xū yào shǒu dòng jiǎn chá，UI yuán sù hé tú xiàng yě shì rú cǐ。duì yú tú xiàng shàng de wén běn， nín kě yǐ shǐ yòng DevTools de bèi jǐng yán sè xuǎn zé qì lái jiǎn chá wén běn chū xiàn de bèi jǐng：

• DevTools

ZH 记录时，条目将出现在与事件对应的 DevTools 中，并为每个条目记录上下文和元数据。记录的后台定期同步数据示例

Transliteração jì lù shí， tiáo mù jiāng chū xiàn zài yǔ shì jiàn duì yīng de DevTools zhōng， bìng wèi měi gè tiáo mù jì lù shàng xià wén hé yuán shù jù。jì lù de hòu tái dìng qī tóng bù shù jù shì lì

• DevTools

ZH 启用记录一次后，它最多会保持启用状态三天，从而允许 DevTools 获取有关可能发生的后台同步的本地调试信息（甚至在未来几小时内）。

Transliteração qǐ yòng jì lù yī cì hòu， tā zuì duō huì bǎo chí qǐ yòng zhuàng tài sān tiān， cóng ér yǔn xǔ DevTools huò qǔ yǒu guān kě néng fā shēng de hòu tái tóng bù de běn de diào shì xìn xī （shén zhì zài wèi lái jǐ xiǎo shí nèi）。

• DevTools

ZH 您可以通过 Chrome DevTools 的应用程序面板中的服务工作进程部分执行此操作。定期同步字段允许您为要使用的事件提供一个标签，并根据需要多次触发它。

Transliteração nín kě yǐ tōng guò Chrome DevTools de yīng yòng chéng xù miàn bǎn zhōng de fú wù gōng zuò jìn chéng bù fēn zhí xíng cǐ cāo zuò。dìng qī tóng bù zì duàn yǔn xǔ nín wèi yào shǐ yòng de shì jiàn tí gōng yī gè biāo qiān， bìng gēn jù xū yào duō cì chù fā tā。

• 您可以通过 Chrome DevTools

ZH 从 Chrome 81 开始，您将在 DevTools 应用程序面板中看到后台定期同步部分。

Transliteração cóng Chrome 81 kāi shǐ， nín jiāng zài DevTools yīng yòng chéng xù miàn bǎn zhōng kàn dào hòu tái dìng qī tóng bù bù fēn。

• 从 Chrome
• DevTools

ZH 从 Chrome 81 开始，您将在 DevTools 应用程序面板中看到后台定期同步部分。能力渐进式 Web 应用Service WorkerChrome 80源站试用

Transliteração cóng Chrome 81 kāi shǐ， nín jiāng zài DevTools yīng yòng chéng xù miàn bǎn zhōng kàn dào hòu tái dìng qī tóng bù bù fēn。néng lì jiàn jìn shì Web yīng yòngService WorkerChrome 80yuán zhàn shì yòng

• 从 Chrome
• DevTools
• 应用Service WorkerChrome

ZH tl;dr: 长任务会使主线程保持忙碌，延迟用户交互。Chrome DevTools 现在可以将长任务可视化，从而更容易查看要优化的任务。

Transliteração tl;dr: zhǎng rèn wù huì shǐ zhǔ xiàn chéng bǎo chí máng lù， yán chí yòng hù jiāo hù。Chrome DevTools xiàn zài kě yǐ jiāng zhǎng rèn wù kě shì huà， cóng ér gèng róng yì chá kàn yào yōu huà de rèn wù。

• tl
• dr
• DevTools

ZH 到目前为止，您需要在 Chrome DevTools 中手动查找超过 50 毫秒的“黄色长块”脚本，或者使用 Long Tasks API 找出哪些任务延迟了交互。这可能有点麻烦。

Transliteração dào mù qián wèi zhǐ， nín xū yào zài Chrome DevTools zhōng shǒu dòng chá zhǎo chāo guò 50 háo miǎo de “huáng sè zhǎng kuài” jiǎo běn， huò zhě shǐ yòng Long Tasks API zhǎo chū nǎ xiē rèn wù yán chí le jiāo hù。zhè kě néng yǒu diǎn má fán。

• Chrome DevTools 中手动查找超过
• Long Tasks API

ZH 为了帮助简化性能审计工作流程， DevTools 现在可视化了长任务 。如果任务（以灰色显示）是长任务，则会以红色标注。

Transliteração wèi le bāng zhù jiǎn huà xìng néng shěn jì gōng zuò liú chéng， DevTools xiàn zài kě shì huà le zhǎng rèn wù 。rú guǒ rèn wù （yǐ huī sè xiǎn shì） shì zhǎng rèn wù， zé huì yǐ hóng sè biāo zhù。

• DevTools 现在可视化了长任务

ZH Chrome DevTools 对加载或运行页面时发生的一切活动进行深入分析。请参阅分析运行时性能入门，熟悉性能面板 UI。

Transliteração Chrome DevTools duì jiā zài huò yùn xíng yè miàn shí fā shēng de yī qiè huó dòng jìn xíng shēn rù fēn xī。qǐng cān yuè fēn xī yùn xíng shí xìng néng rù mén， shú xī xìng néng miàn bǎn UI。

• Chrome DevTools

ZH 以下 DevTools 功能密切相关：

Transliteração yǐ xià DevTools gōng néng mì qiè xiāng guān：

• 以下 DevTools