Funktsioonid

Integreeritud brauser

6 min lugemist
Analüütika armatuurlaua HTML-fail on avatud Ritemarki brauseripaanis kõrvuti markdown-failidega, samas vahekaartide ribal, ilma akna vahetamiseta

Ritemarki sees on päris brauser. Kohalikud .html-failid, välised veebisaidid ja localhost:* arendusserverid avanevad renderdatud lehtedena, samas vahekaartide ribal kui su markdown-failid.

See pole iframe-eelvaade. See on täisväärtuslik Electron-brauser: back/forward/reload ajalugu, DevTools, oma küpsistesalvestus, korrektne skriptide ja stiilide tugi. Saidid, mis blokeerivad iframe-manustamise, renderduvad normaalselt. Su enda .html-failid renderduvad. Su töötav arendusserver renderdub.


Lehtede avamine

Failiekraanilt: klõpsa suvalise .html-faili peal ja see avaneb renderdatud lehena. Markupi muutmiseks paremklõpsa faili peal ja vali Ava tekstina.

Terminalist: Cmd+click mistahes localhost:* URL-il avab selle integreeritud brauseris, mitte süsteemse brauseri aknas. Arendusringlus jääb ühte rakendusse.

Vahekaartide ribalt: lohista, jaga ja sulge brauseri vahekaarte täpselt nagu markdown-vahekaarte. Sulge Cmd+W-ga.


Brauseri konteksti jagamine tehisintellektiga

AI külgriba (Claude ja Codex) näeb brauseri vahekaarti, millel sa vaatad, aga ainult siis, kui sa seda lubad.

Esimest korda, kui fookuseerid brauseri vahekaarti AI külgribaga avatud olekus, küsib Ritemark "Jaga agendiga?" Kuni Sa ei klõpsa Luba, ei jõua lehe kohta mitte midagi AI-ni: mitte URL, mitte pealkiri, mitte DOM.

Kui luba on antud, saab AI igal voorul lehe URL-i, pealkirja ja ARIA struktuuri. Saad küsida näiteks:

  • "Tee sellest artiklist kokkuvõte"
  • "Mis see nupp teeb?"
  • "Miks on tiitli ümber nii vähe ruumi?"
  • "Kas värvikontrast vastab WCAG-AA nõuetele?"

AI vastab tegelikult lehelt, mitte URL-i pealt arvates.

Kiip komposeris. Maakera ikooniga kiip komposeris näitab lehe pealkirja ja täpselt seda, mis läheb kaasa sinu järgmise sõnumiga. Alates versioonist 1.12.0 on kiip näha ainult siis, kui aktiivne vahekaart on AI-ga jagatud. Kui keeldusid vahekaardi jagamisest või pole selle küsimusele veel vastanud, kiipi pole ja sinu sõnum ei võta lehelt midagi kaasa. Klõps × eemaldab brauseri konteksti üheks vooruks, mõjutamata järgmist.

Jagatud lehe saavad koos sinu sõnumitega Claude Code ja Codex. OpenCode seda ei saa, seega kui valitud on OpenCode'i mudel, kiipi ei ilmu. Windowsis saadetakse jagatud leht alates versioonist 1.12.0 taas koos sinu sõnumiga.

Annotatsiooni režiim. Klõpsa brauseri tööriistariba kaameraikoonil, et lisada praeguse vaatepildi ekraanipilt järgmisele AI voorule. Kasulik visuaalsete ja paigutusküsimuste jaoks: AI näeb täpselt seda, mida sa vaatad.

Versioonis 1.7.3, kui annotatsiooni režiim on sees, näitab komposer elavat 56×56 ekraanipildi kiipi URL-i kiipi asemel. See värskeneb iga umbes viie sekundi tagant, kui sa lehte keret või sellega suhtled. Kiip on see, mida AI järgmise vooruga saab, nii et eelvaade vastab tegelikkusele, mitte ei nimeta lihtsalt URL-i. Eemalda kiip ×-ga, et brauseri kontekst sellest viimasest viskeprompist välja jätta.

Annotatsiooni režiim on aktiivne: AI külgriba sisaldab ekraanipilti ja vastab lehe paigutuse kohta küsimustele

Kaameraikoon brauseri tööriistaribal, mis lisab vaatepildi ekraanipildi AI voorule

Agendid saavad lehte uuesti vaadata: browser_snapshot (v1.7.3)

Integreeritud brauseriga töötavatel AI agentidel oli varem ainult üks viis lehte "vaadata": sinna navigeerida. Lehe ülevaatamine pärast klõpsu või vormi täitmist tähendas uuesti navigeerimist, mis kaotas lehe siseolekuid, või tagasilangust välisele Playwright serverile.

Versioon 1.7.3 lisab browser_snapshot tööriista, mis tagastab aktiivse brauseri vahekaardi praeguse ARIA struktuuri (URL-i, pealkirja ja täieliku ligipääsetavuse puu) ilma navigeerimata. Claude Code näeb seda nimega mcp__ritemark_browser__browser_snapshot. Codex näeb seda nimega ritemark_browser_snapshot. OpenCode saab selle Ritemarki ritemark_browser MCP-adapteri kaudu, nii et macOS-is saab ta jagatud lehte lugeda, kuigi leht tema sõnumitega kaasa ei lähe. Tööriist kuulub brauseri juhtimise tööriistade hulka, seega on see saadaval ainult macOS-is.

See on ainult-loetav ja nõusoleku-teadlik. Kui vahekaart pole Ritemark AI-ga jagatud, tagastab tööriist vea: pole URL-i, pole pealkirja, pole lehe sisu leket. Hetkepildid sõidavad sama vahekaardipõhise lugemisloa peal kui iga muu brauseri-teadlik võimekus.


Privaatsus ja nõusolek

Nõusolek on vahekaartide ja seansipõhine. Kui sulgead brauseri vahekaardi ja avad selle uuesti, küsib Ritemark uuesti.

Üks kord keeldumine ei keela funktsiooni. See tähendab lihtsalt, et see vahekaart jääb käesoleval sessioonil privaatseks. Saad igal hetkel AI külgriba avada ja jagamise lubada.

Enne sinu selget luba ei jõua lehe kohta midagi AI-ni. See kehtib URL-i, pealkirja, ARIA struktuuri, ekraanipiltide ja v1.7.3 browser_snapshot tööriista kohta ühtemoodi: jagamata vahekaardid tagastavad sisu asemel vigu.


DevTools

Vajuta F12 või paremklõpsa brauseripaani sees ja vali Kontrolli, et avada Electron DevTools. Kasulik oma .html-failide silumisel ja väliste lehtede uurimisel.


AI brauseri juhtimine (v1.7.1)

Versioonis 1.7.0 sai AI brauseri vahekaarti lugeda. Versioonis 1.7.1 saab ta seal ka tegutseda. AI külgriba oskab nüüd lehte avada, elementidel klõpsata, vorme täita, teksti sisestada ja lehte kerida, kokku viis tööriista. Lehe lugemine ja lehel kirjutamine on kaks erinevat otsust, seega v1.7.1 käsitleb neid nõnda.

See töötab ainult macOS-is ja on vaikimisi sees, nii et midagi pole vaja sisse lülitada. Esimesel korral, kui AI agent üritab brauseri vahekaardil tegutseda, küsib Ritemark eraldi nõusolekut: "Luba AI-l seda brauseri vahekaarti juhtida?" See on eraldi küsimus, mitte v1.7.0 "Jaga agendiga?" lugemisluba. Juhtimine on rangem luba, see antakse vahekaardi kaupa, samamoodi nagu lugemisluba.

Brauseri vahekaart jääb kogu töötamise ajaks nähtavale. Pole peidetud vahekaarti ega varjatud akent. Sa näed kursori liikumist, lehe avanemist, välja täitumist. Kui midagi tundub vale, sulged vahekaardi või võtad nõusoleku tagasi.

Lugemisloa tagasivõtmine võtab automaatselt tagasi ka juhtimisloa. AI ei saa tegutseda lehel, mida ta ei näe.

Claude Code SDK kasutajatele ilmuvad tööriistad nimedega mcp__ritemark_browser__navigate, mcp__ritemark_browser__click ja nii edasi. Codex App Serveris on samad tööriistad nimedega ritemark_browser_navigate, ritemark_browser_click ja ülejäänud komplekt. OpenCode saab need ritemark_browser MCP-adapteri kaudu, mille Ritemark igale OpenCode'i sessioonile lisab, ja alates versioonist 1.12.0 teab OpenCode samamoodi nagu Claude Code ja Codex, et need tal olemas on. Nõusolekudialoog töötab kõigis kolmes ühtemoodi.


HTML-failid avanevad puhtalt (v1.7.1)

Varem vilkus .html-faili klõpsamisel hetkeks tekstiredaktor, enne kui brauser üle võttis. v1.7.1 suunab .html ja .htm failid otse brauseri-redaktorisse töölaua tasandil, nii et klõpsul pole välku ja külmstardil pole tühja vahekaarti. Tekstiredaktor ei ava end üldse. Paremklõps → Ava tekstina töötab endiselt, kui tahad markupi muuta.


Tõrkeotsing

Leht ei laadi

Kontrolli, et failitee või URL on õige. Localhost:* URL-ide puhul veendu, et su arendusserver töötab. Välised URL-id, mis nõuavad sisselogimist, võivad vajada, et logid sisse brauseripaani kaudu.

Tehisintellekt ei loe lehte

Veendu, et klõpsasid selle vahekaardi "Jaga agendiga?" küsimuses Luba. Maakera ikooni kiip komposeris kinnitab, et leht läheb järgmise sõnumiga kaasa. Alates versioonist 1.12.0 tähendab kiibi puudumine, et lehte kaasa ei saadeta: vahekaart pole veel jagatud või on valitud OpenCode'i mudel, sest OpenCode ei saa lehte koos sõnumitega. Fokuseeri brauseri vahekaart uuesti, et küsimus uuesti ilmuks, või vali Claude Code või Codex.

HTML-faili ei saa muuta, see avaneb lehena

Paremklõpsa faili peal Exploreris ja vali Ava tekstina.

AI ei navigeeri ega klõpsi, juhtimistööriistu pole

Brauseri juhtimine töötab ainult macOS-is. Kinnita ilmuv "Luba AI-l seda brauseri vahekaarti juhtida?" nõusolekuküsimus. Kui võtsid vahekaardi lugemisloa tagasi, jaga lehte kõigepealt uuesti, sest lugemisloa tagasivõtmine võtab tagasi ka juhtimisloa.


Kiirjuhend

Mida tahad teha Kuidas teha
Ava HTML-fail renderdatud lehena Klõpsa sellel Exploreris
Muuda HTML-lähtekoodi Paremklõps → Ava tekstina
Ava localhost brauseripaanis Cmd+click URL-il terminalis
Jaga lehte tehisintellektiga Klõpsa Luba "Jaga agendiga?" küsimuses
Eemalda brauseri kontekst üheks vooruks Klõpsa × maakera kiipi komposeris
Lisa ekraanipilt AI voorule Klõpsa kaameraikooni brauseri tööriistaribal
Näe tegelikku ekraanipilti, mida AI saab (v1.7.3) Elav 56×56 pisipildi kiip komposeris, kui annotatsiooni režiim on sees
Luba agendil lehte ülesande keskel uuesti lugeda (v1.7.3) browser_snapshot tööriist, töötab ainult jagatud vahekaartidel
Ava DevTools F12 või paremklõps → Kontrolli
Luba AI-l vahekaarti juhtida (macOS) Kinnita küsimus "Luba AI-l seda brauseri vahekaarti juhtida?"

Seotud