Gebruik het AI-hulppaneel voor styling om inzicht te krijgen in de algehele lay-out van een website, specifieke elementstijlen en om door AI gegenereerde oplossingen voor CSS-bugs te krijgen.
Open het paneel "AI-assistentie".
Het AI-assistentiepaneel gaat open in de lade .
Vanuit het paneel Elementen
Om AI-hulp te openen vanuit het Elementen-paneel, klikt u bij het inspecteren van een DOM-knooppunt met de rechtermuisknop op het knooppunt en selecteert u de optie Vraag AI-hulp .
Wanneer u AI-assistentie op deze manier opent, is het geïnspecteerde DOM-element al vooraf geselecteerd als contextelement voor het gesprek.
Vanuit het opdrachtmenu
Om AI-assistentie te openen vanuit het opdrachtmenu typt u `AI` en voert u vervolgens de opdracht Toon AI-assistentie uit, met de Lade- badge ernaast.
Vanuit het menu Meer tools
U kunt ook in de rechterbovenhoek selecteren
Meer opties > Meer tools > AI-assistentie .
Conversatiecontext
Chats met AI-ondersteuning hebben altijd betrekking op het momenteel geïnspecteerde element, wat het laatste element is dat is geselecteerd in de DOM-boom van het Elementenpaneel. Een verwijzing naar dit element wordt weergegeven in de linkerbenedenhoek van het paneel.
Wijzig de context met behulp van de elementkiezerknop naast het huidige element of door de DOM-structuur van het Elementenpaneel te selecteren.
Hoewel het momenteel geïnspecteerde element de basis van het gesprek vormt, heeft AI-assistentie toegang tot alle web-API's om meer informatie van de geïnspecteerde pagina te verzamelen. Dit omvat het bevragen van andere elementen met `document.querySelector` of het evalueren van berekende stijlen.
Vragen
Wanneer u het paneel opent voor styling, zonder voorafgaande gesprekken, biedt het paneel voorbeeldprompts om u te helpen snel aan de slag te gaan.
Klik op een van de aanwijzingen om het promptinvoerveld onder aan het paneel vooraf in te vullen.
U kunt ook uw eigen prompt of vraag in het invoerveld typen.
Om een prompt te verzenden, drukt u op 'Enter' of klikt u op de pijl aan de rechterkant van het invoerveld.
Gespreksstroom
Door een prompt te sturen, wordt het gesprek met de stylingagent gestart. Om de informatie te verkrijgen die nodig is om uw vraag zo goed mogelijk te beantwoorden, genereert en voert de agent JavaScript uit dat web-API's aanroept. De voortgang van agenten wordt in stappen weergegeven. De status van de eerste stap is Investigating… .
Het staplabel wordt bijgewerkt naarmate de agent meer specifieke acties uitvoert om uw vraag op te lossen.
Zodra de agent tot een definitief antwoord komt, wordt het antwoord weergegeven onder de onderzoeksstappen, inclusief suggesties voor vervolgvragen.
Klik op een van de voorgestelde aanwijzingen om het gesprek voort te zetten. Klik op de
van een onderzoeksstap om beter inzicht te krijgen in wat AI-hulp achter de schermen deed.
Wanneer u een voortgangschip uitbreidt, ziet u de code die de agent heeft uitgevoerd, samen met de geretourneerde waarde. Kopieer de uitgevoerde code voor verder gebruik, zoals het uitvoeren ervan met het consolepaneel .
Gepauzeerde gesprekken
AI-hulp kan code genereren met bijwerkingen. Wanneer dat gebeurt, wordt het gesprek gepauzeerd voordat de code wordt uitgevoerd.
Wanneer het gesprek wordt onderbroken, bekijkt u de door de agent voorgestelde code. Klik op Doorgaan om verder te gaan.
Geen antwoord gegeven
AI-assistentie kan om verschillende redenen mogelijk geen antwoord bieden.
Als u denkt dat uw prompt iets is dat AI-hulp zou moeten kunnen bespreken, dien dan een bug in .
Gespreksgeschiedenis
Zodra u een gesprek begint, is elk volgend antwoord gebaseerd op uw eerdere interacties tussen u en de AI.
Om opnieuw te beginnen, wist u uw gespreksgeschiedenis met de in de linkerbovenhoek van het paneel.
Beoordeel de antwoorden en geef feedback
AI-ondersteuning is een experimentele functie. Daarom zijn we actief op zoek naar uw feedback om te leren hoe we de antwoordkwaliteit en de algehele ervaring kunnen verbeteren.
Stem antwoorden
Beoordeel een antwoord met de knoppen Thumbs up en Thumbs down onder het antwoord.
Rapporteer antwoorden
Om ongepaste inhoud te melden, klikt u op de naast de stemknoppen.