உருவாக்குநர் கருவி

உருவாக்குநர் கருவி 150 இலவச ஆன்லைன்

உலாவியிலேயே தனிப்பட்ட முறையில் வேலை முடிக்கும் இலவச ஆன்லைன் கருவி.

Project கோப்புகள்

இந்த கருவி உலாவியில் இயங்கி பொதுப் பயன்பாட்டிற்காக உருவாக்கப்பட்டுள்ளது.

தேர்ந்தெடுக்கப்பட்டது கோப்பு

public/index.html

லேபிள்: Auto-sync enabled

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Static Site Playground</title>
    <link rel="stylesheet" href="/styles.css" />
  </head>
  <body>
    <main class="shell">
      <section class="hero">
        <p class="eyebrow">Node.js in your browser</p>
        <h1>Static Site Playground</h1>
        <p class="lede">
          Edit multiple files, restart the local server, and preview a small static site without leaving the browser.
        </p>
        <div class="actions">
          <button id="cta-button" type="button">Update callout</button>
          <span id="status-pill">Ready</span>
        </div>
      </section>

<section class="grid">
        <article class="card">
          <h2>What this demo shows</h2>
          <ul>
            <li>Multiple editable files inside one browser-side Node project</li>
            <li>A local HTTP server launched with npm scripts</li>
            <li>Live preview refresh after you update project files</li>
          </ul>
        </article>
        <article class="card">
          <h2>Tips</h2>
          <p>
            Start by editing <code>public/app.js</code> or <code>public/styles.css</code>, then refresh the preview to
            see the change.
          </p>
          <pre id="code-sample">const message = "SimpleToolset playground";</pre>
        </article>
      </section>
    </main>

runtime environment

இந்த விளையாட்டு மைதானம் உலாவி பக்க Node.js இயக்க நேரத்தை துவக்குகிறது மற்றும் ஒரு சிறிய மாதிரி திட்டத்திலிருந்து உள்ளூர் நிலையான தளத்திற்கு சேவை செய்கிறது.

HTTPS conஉரை

ready

லேபிள்: Cross-origin isolation

ready

லேபிள்: SharedArrayBuffer

ready

status: உள்ளூர் நோட் சேவையகத்தைத் தொடங்க சூழலைத் துவக்கவும்.

உள்ளூர்: Site preview

திருத்தங்கள் தானாகவே இயக்க நேரத்தில் ஒத்திசைக்கப்படும். மார்க்அப், CSS அல்லது ஜாவாஸ்கிரிப்டைத் திருத்திய பின் முன்னோட்டத்தைப் புதுப்பிக்கவும்.

உள்ளூர் சேவையகத்தைத் தொடங்க சூழலைத் துவக்கி, மாதிரி தள முன்னோட்டத்தை வழங்கவும்.

runtime notes

இந்த விளையாட்டு மைதானம் பயன்படுத்தும் உலாவி பக்க முனை சூழலை WebContainers வழங்குகிறது.

மாதிரித் தளத்தைத் திருத்தும் போதும், முன்னோட்டமிடும் போதும், ஏற்றுமதி செய்யும் போதும் திட்டக் கோப்புகள் உங்கள் உலாவி அமர்வில் இருக்கும்.

இது ஒரு உள்ளூர் முதல் உலாவி சாண்ட்பாக்ஸ் ஆகும், ஆனால் இது இன்னும் வெப் கன்டெய்னர் இயக்க நேர மாதிரி மற்றும் பாதுகாப்பான தலைப்புகளை சார்ந்துள்ளது, மாறாக ஒரு சுத்தமான ஆஃப்லைன் உரை திருத்தியைப் போல் செயல்படுகிறது.

உலாவியில் செயலாக்கம்

உடனடி முடிவுகள்

தரவு சேமிப்பு இல்லை

என்ன

டெவலப்பர் கருவிகள் இற்கான இந்த இலவச ஆன்லைன் பக்கம் தினசரி பணியை உலாவியில் வேகமாகவும் தெளிவாகவும் தனிப்பட்ட முறையிலும் முடிக்க உதவும். எளிய உள்ளீடு, உடனடி முன்னோட்டம், தயாரான முடிவு ஆகியவை ஒரே இடத்தில் கிடைக்கும்; கணக்கு, நிறுவல் அல்லது தேவையற்ற பதிவேற்றம் இல்லாமல் வேலை நகரும். குறிப்பு எண் 2268.

சிறிய பணியும் சூழல் மாறும்போது மெதுவாகிறது

டெவலப்பர் கருவிகள் தொடர்பான பணிகள் விரைவாக தேவைப்படும், ஆனால் தனி மென்பொருள் திறப்பது அல்லது கோப்பு அனுப்புவது செயல்முறையை மெதுவாக்கும்.

முடிவை உடனே சரிபார்க்க வேண்டுமெனில் இலகுவான உலாவி கருவி பயனுள்ளதாக இருக்கும்.

வேலையை உலாவியில் முடிக்கவும்

இந்த பக்கம் உள்ளீடு, விருப்பம், முடிவு அனைத்தையும் ஒரே இடத்தில் வைத்து சரிபார்ப்பை வேகப்படுத்துகிறது.

சாத்தியமான இடங்களில் செயலாக்கம் கிளையண்ட் பக்கத்தில் இருக்கும்; அதனால் தனிப்பட்ட தரவு மீது கட்டுப்பாடு அதிகம்.

எப்படி பயன்படுத்துவது

1உள்ளீடு சேர்க்கவும் - உங்கள் உரை, கோப்பு அல்லது மதிப்பை கருவியில் இடுங்கள்.
2விருப்பம் தேர்வு செய்யவும் - தேவைக்கு ஏற்ப அமைப்பை மாற்றி முன்னோட்டம் பார்க்கவும்.
3முடிவைப் பெறவும் - முடிவை சரிபார்த்து நகலெடுக்கவும் அல்லது பதிவிறக்கவும்.

முக்கிய அம்சங்கள்

இலவசமாக பயன்படுத்தலாம்
உள்நுழைவு தேவையில்லை
உலாவியில் செயலாக்கம்
உடனடி முடிவுகள்
எளிய இடைமுகம்

நன்மைகள்

நேரத்தை மிச்சப்படுத்தும்
தரவை தனிப்பட்டதாக வைத்திருக்க உதவும்
கணினி மற்றும் மொபைலில் செயல்படும்
நிறுவல் தேவையில்லை

பயன்பாட்டு முறைகள்

தினசரி வேலை

வழக்கமான உலாவி செயல்முறையில் வேகமான உதவியாக பயன்படுத்தவும்.

தனிப்பட்ட கோப்பு

உணர்வுபூர்வமான உள்ளீட்டை தேவையற்ற பதிவேற்றம் இல்லாமல் சரிபார்க்கவும்.

குழு ஒப்படைப்பு

தெளிவான முடிவை அறிக்கை, செய்தி அல்லது ஆவணத்தில் பயன்படுத்தவும்.

குறிப்புகள் மற்றும் பொதுவான தவறுகள்

குறிப்புகள்

உள்ளீடு தெளிவாக இருக்கட்டும்.
இறுதி பயன்பாட்டிற்கு முன் முடிவை சரிபார்க்கவும்.
பெரிய கோப்பிற்கு கைபேசி உலாவி நினைவகத்தை கவனிக்கவும்.

தவறுகள்

தவறான உள்ளீட்டு வடிவம் கொடுப்பது.
முன்னோட்டம் பார்க்காமல் முடிவை பகிர்வது.
உணர்வுபூர்வமான தரவிற்கு வெளிப்புற பதிவேற்றத்தை இயல்பாக கருதுவது.

கற்றல் குறிப்புகள்

டெவலப்பர் கருவிகள் இல் சிறிய தானியக்கம் நம்பகமாக இருக்க உள்ளீடு மற்றும் முடிவு தெளிவாகத் தெரிய வேண்டும்.
கிளையண்ட் பக்க செயலாக்கம் தனியுரிமைக்கு உதவும், ஆனால் இறுதி முடிவு சரிபார்ப்பு அவசியம்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

இந்த கருவி இலவசமா?

ஆம், இதை உலாவியில் இலவசமாக பயன்படுத்தலாம்.

கணக்கு வேண்டுமா?

இல்லை, பொதுவான செயல்முறை கணக்கு இல்லாமல் இயங்கும்.

தரவு தனிப்பட்டதாக இருக்குமா?

சாத்தியமான இடங்களில் செயலாக்கம் உலாவியில் இருக்கும்; சேவையக பதிவேற்றம் குறையும்.

தொடர்புடைய கருவி 1 தொடர்புடைய கருவி 2 தொடர்புடைய கருவி 3 தொடர்புடைய கருவி 4

மேலும் பார்க்க உருவாக்குநர் கருவி

கருவி: Static Site Playground உருவாக்குநர் கருவி வகையின் ஒரு பகுதி. மேலும் இலவச ஆன்லைன் கருவிகளை பார்க்கவும்.

அனைத்தையும் பார்க்க உருவாக்குநர் கருவி

உருவாக்குநர் கருவி 150 இலவச ஆன்லைன்

Project கோப்புகள்

runtime environment

உள்ளூர்: Site preview

runtime notes

என்ன

சிறிய பணியும் சூழல் மாறும்போது மெதுவாகிறது

வேலையை உலாவியில் முடிக்கவும்

எப்படி பயன்படுத்துவது

முக்கிய அம்சங்கள்

நன்மைகள்

பயன்பாட்டு முறைகள்

தினசரி வேலை

தனிப்பட்ட கோப்பு

குழு ஒப்படைப்பு

குறிப்புகள் மற்றும் பொதுவான தவறுகள்

குறிப்புகள்

தவறுகள்

கற்றல் குறிப்புகள்

அடிக்கடி கேட்கப்படும் கேள்விகள்

இந்த கருவி இலவசமா?

கணக்கு வேண்டுமா?

தரவு தனிப்பட்டதாக இருக்குமா?

தொடர்புடைய கருவிகள்

மேலும் பார்க்க உருவாக்குநர் கருவி