“devtools”的搜索结果

Review website images for file format, size, dimensions, and loading behavior. Produce improved HTML with image variants for different screen sizes, suitable compression, and deferred loading where appropriate, while addressing loading speed and layout shifts.

中文简介正在准备中。当前显示英语简介。

• Auditing image sizes and formats on slow-loading pages
• Serving suitable image sizes for mobile and desktop screens
• Preventing layout shifts while images load

Review image dimensions to find risks of layout shift, where content moves as images load. Get file-level findings and before-and-after HTML using correct width, height, and responsive CSS, while accounting for small decorations with stable sizing.

中文简介正在准备中。当前显示英语简介。

• Investigating content jumps while images load
• Finding images missing width or height attributes
• Preserving image proportions in responsive layouts

Check text, input borders, meaningful icons, and other interface elements for sufficient color contrast. Guide color adjustments against WCAG accessibility thresholds and verify readability across default, hover, focus, active, and visited states.

中文简介正在准备中。当前显示英语简介。

• Checking text against background colors
• Reviewing input borders and meaningful icons
• Checking contrast during hover and keyboard focus

Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.

中文简介正在准备中。当前显示英语简介。

• Investigate unnecessary React renders in Remotion Studio
• Identify components responsible for slow updates
• Analyze rendering related to timeline position

Analyze authorized browser extensions for Chrome, Edge, and Firefox. Inspect permissions, background scripts, storage, and network activity to reconstruct key data flows and explain credential handling, signing, encryption, or proxy behavior.

中文简介正在准备中。当前显示英语简介。

• Review extension permissions and entry scripts
• Trace credential handling and network data flows
• Investigate suspicious or compromised extensions

Assess authorized single sign-on systems using SAML, OIDC, and OAuth2. Map the login flow, check signatures, redirects, and token validation, then document reproducible findings and their impact, including identity or tenant confusion.

中文简介正在准备中。当前显示英语简介。

• Review redirect and token checks in a single sign-on flow
• Assess SAML signatures and assertion handling
• Investigate tenant confusion and logout failures

Build and review interfaces against WCAG 2.2 accessibility guidelines. Covers keyboard navigation, screen readers that read interface content aloud, accessible forms, mobile support, and display preferences, helping identify and fix barriers to using a website or app.

中文简介正在准备中。当前显示英语简介。

• Audit an interface for accessibility issues
• Add keyboard navigation and focus management
• Improve screen reader support for forms

Investigate bugs and slow applications through reproducible examples, logs, environment comparisons, and hypothesis testing. The skill structures root cause analysis and performance measurement, helping developers narrow down failures and verify that a fix works.

中文简介正在准备中。当前显示英语简介。

• Investigate bugs that occur only occasionally
• Measure and locate performance bottlenecks
• Collect evidence and reproduce production failures

Analyze malicious JavaScript from phishing pages, payment data theft scripts, and malware downloaders. Unwrap encoded strings and nested execution layers to reveal hidden behavior, identify stolen data fields, and document suspicious destinations for incident response.

中文简介正在准备中。当前显示英语简介。

• Analyzing obfuscated scripts on phishing pages
• Investigating payment data theft on checkout pages
• Examining JavaScript that downloads further malware

Audit websites for accessibility barriers and improve image descriptions, color contrast, forms, keyboard navigation, and screen reader support. Provides code examples and automated and manual testing guidance for work toward WCAG 2.1 AA or AAA accessibility standards.

中文简介正在准备中。当前显示英语简介。

• Auditing a website for accessibility issues
• Fixing form labels and error announcements
• Checking keyboard navigation and dialog focus

Capture an entire web page as a PNG, including content below the visible screen. Handle internal scrolling areas and images that load during scrolling, with tiled capture for very tall pages and support for already-open tabs.

中文简介正在准备中。当前显示英语简介。

• Saving an entire article as an image
• Capturing a dashboard with internal scrolling
• Capturing a page in an already signed-in tab

Convert Wasp blog articles from MDX, a Markdown format with components, into files for DEV.to and Medium. Create or update DEV.to drafts, prepare Medium content, and optionally upload local videos to YouTube.

中文简介正在准备中。当前显示英语简介。

• Prepare Wasp blog articles for DEV.to and Medium
• Create DEV.to drafts or update existing articles
• Prepare article sections and images for Medium

Build Vue 3 components and reusable logic, manage shared application data with Pinia, and configure Nuxt 3 projects. Supports mobile apps, offline web features, TypeScript checks, component tests, and Vite build optimization.

中文简介正在准备中。当前显示英语简介。

• Build Vue 3 components and reusable logic
• Manage shared application data with Pinia
• Configure Nuxt 3 server rendering and static generation

Build, debug, and refactor JavaScript applications for browsers and Node.js. Covers asynchronous tasks with async/await, module organization, performance checks, and test creation, with explicit error handling and modern ES2023+ syntax.

中文简介正在准备中。当前显示英语简介。

• Build a vanilla JavaScript application
• Fix errors in asynchronous API requests
• Organize code into ESM modules

Build Angular 17+ applications with standalone components, routing, and shared application state. Covers reactive data handling with RxJS, performance improvements, and unit and integration tests, with code and explanations of architecture choices.

中文简介正在准备中。当前显示英语简介。

• Building Angular screens with standalone components
• Managing shared application state with NgRx
• Configuring lazy-loaded routes and access guards

Investigate errors, crashes, and unexpected behavior by reproducing failures, tracing execution, and comparing logs. Tests one explanation at a time, then provides a verified fix, supporting evidence, and tests or safeguards to prevent recurrence.

中文简介正在准备中。当前显示英语简介。

• Investigate error messages and execution traces
• Find the cause of an application crash
• Compare logs to locate a failure

Build a website one page at a time with Stitch. Each round reads a task file, generates and integrates a page, updates the site plan, and leaves instructions for the next round.

中文简介正在准备中。当前显示英语简介。

• Build a site with several pages in repeated rounds
• Keep new pages aligned with a shared design guide
• Add pages following a site roadmap

Automate Chrome using an existing login session through CDP, Chrome’s remote control interface. Open pages, click elements, enter text, extract page content, run JavaScript, and inspect authentication tokens with agent-browser.

中文简介正在准备中。当前显示英语简介。

• Automating tasks on sites where you are already signed in
• Extracting text from web pages
• Clicking buttons and filling in forms

Record a web app workflow on a desktop with a visible system cursor. It produces an MP4 video and a separate log of clicks, hovers, scrolling, and typing, and can re-record existing demo scripts.

中文简介正在准备中。当前显示英语简介。

• Recording a checkout or user invitation workflow
• Creating a feature video for a changelog
• Re-recording an existing demo after UI changes

Automate website interactions and checks with Playwright, a browser automation tool. Create and run scripts for forms, login redirects, broken links, and different screen sizes, with screenshots and execution results to inspect.

中文简介正在准备中。当前显示英语简介。

• Checking redirects after login
• Testing form submissions
• Comparing layouts across desktop, tablet, and mobile sizes

Diagnose and improve slow web interfaces by measuring loading, rendering, interactions, and animations. The skill addresses images, JavaScript bundles, page layout, and network requests, then compares before-and-after results to verify improvements across devices and connection speeds.

中文简介正在准备中。当前显示英语简介。

• Reducing slow initial page loads
• Improving sluggish scrolling and animations
• Reducing image and JavaScript download sizes

Investigate bugs in a running local application using service logs, traces that follow requests across services, and a shared browser. Connect frontend actions to backend activity, inspect failures, and verify that tracing records appear as expected.

中文简介正在准备中。当前显示英语简介。

• Investigating bugs in a running local service
• Following a request across multiple services
• Reproducing frontend issues in a shared browser

Inspect and profile React Native component trees from agent-device. Use for React Native performance, profiling, props, state, hooks, render causes, slow components, excessive rerenders, or questions like why a component rerendered.

中文简介正在准备中。当前显示原文说明。

Analyze Chrome, Chromium, Electron, React DevTools, or Perfetto-compatible JSON traces and audit user-reported profiling findings without loading large artifacts into context; prove trigger-to-render/layout chains, separate measured facts from source inference, find exact code choke points, classify forced layout and render fanout, implement semantically safe fixes, and verify behavior plus repository budgets. Use for trace files, reported profiling durations or call chains, dropped frames, long tasks, resize or scroll jank, render storms, layout thrashing, selector hot paths, interaction latency, or requests to locate exact source-level bottlenecks.

中文简介正在准备中。当前显示原文说明。