Code, data, at QR na tool

Paunang Tingin sa HTML/CSS

Ihambing ang tumutugong ayos sa magkahiwalay na naka-sandbox na iframe na may naaayos na lapad.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Inaalis ang mga script at hindi kailanman pinapatakbo. Gumagamit ang preview ng sandboxed iframe na walang allow-scripts. Paunang tingin sa ayos lamang ito; hindi ginagaya ang tunay na aparato, DPR o eksaktong asal ng browser.

Paunang tingin

Mobile

Desktop

Paano gamitin

Paano gamitin

  1. Idikit ang HTML at CSS sa magkahiwalay na editor.
  2. Ayusin ang lapad ng mga bahagi para sa mobile at desktop.
  3. Suriin ang dalawang paunang tingin; tantiya lamang ng ayos ito, hindi paggaya sa tunay na aparato o DPR.

Hindi tumatakbo ang mga script

Inaalis ang elementong script at mga nakapaloob na katangian ng kaganapan bago ilagay sa srcdoc. May sandbox="" ang bawat iframe at walang allow-scripts, kaya hindi maaaring tumakbo ang idinikit na JavaScript.

Naaayos na lapad

Magtakda ng magkahiwalay na lapad sa pixel para sa mobile at desktop. Ipinapakita ng mga frame ang ayos sa mga CSS na lapad na iyon sa loob ng kasalukuyang browser.

Malinaw na limitasyon

Ayos ng HTML at CSS lamang ang ipinapakita. Hindi ginagaya ang mga kontrol ng tunay na aparato, DPR, kagamitang pandampi, mga kontrol ng browser o eksaktong pagguhit sa iba’t ibang tunay na browser.

Mga madalas itanong

Maaari mo ring alamin

Tumatakbo ba ang idinikit na JavaScript?

Hindi. Inaalis ang mga script at nakapaloob na tagahawak ng kaganapan; walang allow-scripts ang mga naka-sandbox na iframe.

Ginagaya ba nito ang telepono o tablet?

Hindi. Lapad ng CSS na bahagi lamang ang binabago. Hindi ginagaya ang mga tunay na kontrol, DPR, pagpindot o pagkakaiba ng browser.

Ina-upload ba ang code ko?

Hindi ina-upload ng pahina ang code; binubuo ang paunang tingin sa browser. Gayunman, ang mga panlabas na URL sa iyong HTML o CSS ay maaaring magpadala ng mga kahilingan para sa mga resource.