💡 ULASAN & REFERENSI • DIPERBARUI: 20 October 2026 • REDAKSI AZWINN

Cara Akses File SHTML di Chrome dengan Mudah dan Akurat

Secara default, Google Chrome tidak dapat mengeksekusi tag Server Side Includes (SSI) yang ada pada file berformat .shtml jika file tersebut dibuka langsung dari penyimpanan lokal komputer menggunakan protokol file:///. File SHTML akan tampak mentah atau gagal menampilkan bagian halaman yang di-include dari file lain. Agar file SHTML dapat diakses dan dirender dengan sempurna di Chrome, Anda memerlukan server web lokal (seperti XAMPP, Node.js, atau Python) atau menggunakan ekstensi pengubah server lokal.

Metode Utama Mengakses File SHTML di Google Chrome

Berikut adalah tabel komparasi metode yang paling sering digunakan oleh developer untuk membuka dan menguji file SHTML di browser Chrome beserta tingkat kemudahannya:

Metode Tingkat Kesulitan Kebutuhan Instalasi Kelebihan
Python HTTP Server Sangat Mudah Python (Bawaan di banyak OS) Tanpa instalasi software berat, langsung jalan via terminal.
XAMPP (Apache) Sedang Paket XAMPP Mendukung penuh konfigurasi SSI Apache (.htaccess).
Ekstensi Chrome (Web Server) Mudah Install dari Chrome Web Store Praktis langsung dari dalam browser.

Langkah-Langkah Menggunakan Python Simple HTTP Server

Jika komputer Anda sudah terinstal Python, cara tercepat dan paling ringan untuk merender file SHTML adalah dengan menjalankan server HTTP lokal melalui Command Prompt atau Terminal.

  1. Buka terminal (Command Prompt di Windows atau Terminal di macOS/Linux).
  2. Arahkan direktori terminal ke folder tempat file SHTML Anda disimpan menggunakan perintah cd. 
    cd C:\xampp\htdocs\nama-folder
  3. Jalankan modul server HTTP bawaan Python dengan perintah berikut: 
    python -m http.server 8000
  4. Buka Google Chrome, lalu ketikkan alamat berikut pada address bar: 
    http://localhost:8000/nama-file.shtml

Menggunakan XAMPP untuk Dukungan SSI Penuh

File SHTML sangat bergantung pada konfigurasi server Apache untuk memproses perintah SSI seperti <!--#include virtual="header.html" -->. Apache pada XAMPP mendukung fitur ini secara default, namun terkadang perlu diaktifkan pada file konfigurasi httpd.conf.

Konfigurasi SSI di Apache

Pastikan modul include_module aktif dan direktori Anda diizinkan untuk mengeksekusi SSI dengan menambahkan baris konfigurasi berikut di dalam blok direktori:

Options +Includes
AddType text/html .shtml
AddOutputFilter INCLUDES .shtml

Setelah konfigurasi disimpan, letakkan file SHTML Anda di dalam direktori htdocs, jalankan layanan Apache melalui XAMPP Control Panel, lalu akses melalui http://localhost/nama-file.shtml di Google Chrome.

Troubleshooting Masalah File SHTML di Chrome

Jika halaman SHTML tetap menampilkan teks kode mentah alih-alih hasil render yang benar, periksa beberapa hal berikut:

  • Akses via file:///: Pastikan Anda tidak membuka file menggunakan cara klik dua kali yang menghasilkan URL berawalan file:///C:/.... Chrome tidak memproses SSI secara lokal tanpa server.
  • Sintaks SSI: Periksa kembali penulisan tag include. Spasi di dalam tanda kurung siku sangat sensitif (contoh yang benar: <!--#include virtual="file.html" -->).
  • Cache Browser: Lakukan hard refresh di Chrome dengan menekan kombinasi tombol Ctrl + F5 (Windows) atau Cmd + Shift + R (Mac) untuk memuat ulang file terbaru dari server lokal.

🔍 Orang Lain Juga Mencari Ini