Fritidsbrug

[iklog]

Hej Mathias

Flot app. Jeg har taget den i brug på min skole og den er meget effektiv - måske næsten for effektiv.

Som IT-vejleder, synes jeg, at det er vigtigt, at eleverne har mulighed for at bruge deres devices i fritiden også - gerne til spil og streaming.

Derfor vil jeg meget gerne lade admin tilføje perioder, hvor netshield ikke blokerer. Det kan være i frikvarterer eller efter skole.

Er det noget, du kunne tænke dig at føje til appen, eller skal jeg forke?

Jeg har spurgt Gemini om en løsning:

"Allow the superuser to add a list of time periods to the json in admin console. Within the time periods games, streaming and social media are allowed."

To implement time-based access for games, streaming, and social media, we need to update both the configuration schema and the logic in the background script. This will allow the superuser to define specific windows where certain blocks are bypassed.

1. Update schema.json

You need to add a new property to the schema to define these "Golden Hours." This uses an array of objects to define start and end times.

"allowanceWindows": {
  "type": "array",
  "title": "Tidsrum for Afslapning (Spil & Streaming)",
  "description": "Definer tidsrum (f.eks. 14:00-16:00) hvor blokeringer for underholdning deaktiveres.",
  "items": {
    "type": "object",
    "properties": {
      "start": { "type": "string", "description": "Format HH:MM (f.eks. 14:00)" },
      "end": { "type": "string", "description": "Format HH:MM (f.eks. 16:00)" }
    }
  }
}

---

2. Update background.js Logic

We need a helper function to check if the current time falls within any of the allowed windows. Then, we modify reloadRules to conditionally skip adding certain block rules.

Step A: Time Check Helper

Add this function to the bottom of your background.js:

function isCurrentlyAllowed(windows) {
    if (!windows || windows.length === 0) return false;
    
    const now = new Date();
    const currentTime = now.getHours() * 60 + now.getMinutes();

    return windows.some(win => {
        const [sH, sM] = win.start.split(':').map(Number);
        const [eH, eM] = win.end.split(':').map(Number);
        const startTotal = sH * 60 + sM;
        const endTotal = eH * 60 + eM;
        return currentTime >= startTotal && currentTime <= endTotal;
    });
}

Step B: Integrate into reloadRules

Modify the beginning of your reloadRules function to fetch the new setting and check the time:

async function reloadRules() {
    let items = await chrome.storage.managed.get({
        remoteBlocklistUrl: '',
        remoteAllowlistUrl: '',
        adminBlockedRegex: [],
        adminSuperAllowlist: [],
        allowanceWindows: [] // Hent de nye tidsrum
    });

    const relaxTime = isCurrentlyAllowed(items.allowanceWindows);
    
    // ... rest of the setup code ...

    // Kun tilføj blokeringer hvis det IKKE er "relaxTime"
    if (!relaxTime) {
        blockedSites.forEach(function(site) {
            newRules.push({
                id: nextId,
                priority: 1,
                action: redirectObj,
                condition: { regexFilter: ".*" + site + ".*", resourceTypes: ['main_frame'] }
            });
            nextId++;
        });
    }
    
    // Fortsæt med adminSuperAllowlist (Priority 4) som altid skal køre
}

---

Summary of Changes

• Schema: Added allowanceWindows so admins can set time ranges in the Google Admin Console.
• Logic: The isCurrentlyAllowed function calculates the current minute of the day and compares it against the admin's list.
• Behavior: If the current time matches a window, the script skips adding the blockedSites and remoteBlock rules to the firewall, effectively "opening" the web for that duration.

Eksempel: Frikvarter og Efterskole-tid
Dette eksempel åbner for adgang i et kort frikvarter om formiddagen og igen i en længere periode om eftermiddagen.

JSON
"allowanceWindows": [
  {
    "start": "10:15",
    "end": "10:45"
  },
  {
    "start": "14:00",
    "end": "16:30"
  },
  {
    "start": "19:00",
    "end": "21:00"
  }
]

[iklog]

For at sikre, at eleverne ikke bare ændrer uret på deres computer for at omgå dine tidsrum, kan du tjekke tiden via et Internet API. Dette gør din tidsstyring "snydesikker".

Her er hvordan du implementerer det i din background.js.

1. Tilføj tilladelse i manifest.json

For at din udvidelse må hente data fra en ekstern kilde, skal du tilføje URL'en til dine host_permissions:

"host_permissions": [
  "<all_urls>",
  "https://worldtimeapi.org/api/timezone/Europe/Copenhagen"
],

---

2. Ny Funktion til at hente netværkstid

Erstat eller tilføj denne funktion i din background.js. Den forsøger at hente den præcise tid fra nettet, og falder kun tilbage til computerens eget ur, hvis internettet er nede.

async function getNetworkTime() {
    try {
        const response = await fetch('https://worldtimeapi.org/api/timezone/Europe/Copenhagen');
        const data = await response.json();
        // Returnerer et Date objekt baseret på internet-tid
        return new Date(data.datetime);
    } catch (error) {
        console.error("Kunne ikke hente netværkstid, bruger system-ur:", error);
        return new Date(); // Fallback til computerens ur
    }
}

---

3. Opdater reloadRules til at bruge netværkstid

Du skal nu gøre din reloadRules funktion asynkron (async), så den kan vente på svar fra internettet:

async function reloadRules() {
    let items = await chrome.storage.managed.get({
        allowanceWindows: []
        // ... dine andre indstillinger
    });

    // HENT TIDEN FRA NETTET I STEDET FOR new Date()
    const now = await getNetworkTime();
    const currentTime = now.getHours() * 60 + now.getMinutes();

    const relaxTime = items.allowanceWindows.some(win => {
        const [sH, sM] = win.start.split(':').map(Number);
        const [eH, eM] = win.end.split(':').map(Number);
        return currentTime >= (sH * 60 + sM) && currentTime <= (eH * 60 + eM);
    });

    // ... resten af din logik til at opdatere regler ...
    console.log("Er det afslapningstid?", relaxTime);
}

Hvorfor er dette bedre?

1. Snydesikring: Eleven kan ikke ændre klokken i Windows/ChromeOS-indstillingerne for at låse op for spil.
2. Præcision: Alle computere på skolen følger det samme centrale ur.
3. Fejltolerance: Hvis skolens internet er meget langsomt eller blokeret, bruger den automatisk systemets eget ur som reserve (fallback), så udvidelsen ikke går i stykker.

Vigtigt: Da worldtimeapi.org er en gratis tjeneste, har de en grænse for, hvor mange kald man må lave. Da din udvidelse kun tjekker hvert 5. minut (via din alarm), burde det ikke være et problem for enkelte brugere, men på en hel skole kan det være en god idé at bruge din egen server til dette kald.

[iklog]

worldtimeapi.org er lukket

Det er et godt instinkt at tjekke. Gratis tjenester som WorldTimeAPI kan være ustabile eller lukke ned. Hvis vi vil have en robust og professionel løsning, er den bedste metode at bruge Googles egne servere (som eleverne alligevel skal have adgang til) eller en stor stabil aktør som WorldTimeAPI.io eller TimeAPI.io.

Her er den mest sikre måde at gøre det på i 2026, hvor vi bruger en "Header Check" teknik. Det kræver ikke engang et komplekst JSON API – vi kigger bare på det tidsstempel, som alle webservere sender med i deres svar.

1. Opdater background.js med en stabil tids-funktion

Denne funktion sender en lynhurtig forespørgsel til Google. Vi er ligeglade med indholdet af siden; vi tager bare tiden fra deres server-header. Det kan ikke snydes af eleven.

async function getNetworkTime() {
    try {
        // Vi kalder Google med en "HEAD" request (henter kun metadata, ingen data)
        // Det er ekstremt hurtigt og bruger næsten ingen båndbredde
        const response = await fetch("https://www.google.com", { method: 'HEAD' });
        
        // Hent "date" headeren fra serveren
        const serverDate = response.headers.get('date');
        
        if (serverDate) {
            console.log("Netværkstid bekræftet fra Google:", serverDate);
            return new Date(serverDate);
        }
    } catch (error) {
        console.error("Kunne ikke kontakte tidsserver, bruger lokal tid:", error);
    }
    return new Date(); // Fallback til lokal tid hvis alt fejler
}

2. Implementering i din reloadRules

Da fetch er asynkron, skal vi sikre os, at reloadRules venter på svar, før den bygger reglerne.

async function reloadRules() {
    // 1. Hent indstillinger
    const items = await chrome.storage.managed.get({
        allowanceWindows: [],
        adminBlockedRegex: [],
        adminSuperAllowlist: []
    });

    // 2. Hent den snydesikre tid
    const now = await getNetworkTime();
    
    // Konverter nuværende tid til minutter siden midnat (f.eks. 08:30 = 510)
    const currentMinutes = now.getHours() * 60 + now.getMinutes();

    // 3. Tjek om vi er i et tilladt tidsrum
    const isRelaxTime = items.allowanceWindows.some(window => {
        const [startH, startM] = window.start.split(':').map(Number);
        const [endH, endM] = window.end.split(':').map(Number);
        
        const startMinutes = startH * 60 + startM;
        const endMinutes = endH * 60 + endM;
        
        return currentMinutes >= startMinutes && currentMinutes <= endMinutes;
    });

    console.log(isRelaxTime ? "PAUSE: Spil er tilladt" : "UNDERVISNING: Blokering aktiv");

    // 4. Byg reglerne
    let newRules = [];
    let nextId = 1;

    // Hvis det IKKE er pause, så tilføj de tunge blokeringer
    if (!isRelaxTime) {
        blockedSites.forEach(site => {
            newRules.push({
                id: nextId++,
                priority: 1,
                action: { type: 'redirect', redirect: { extensionPath: '/blocked.html' } },
                condition: { regexFilter: ".*" + site + ".*", resourceTypes: ['main_frame'] }
            });
        });
    }

    // ... fortsæt med adminBlockedRegex og adminSuperAllowlist (som altid skal køre)
}

Hvorfor virker dette bedre end et API?

1. Ingen Rate Limits: Google lukker ikke for dig, fordi du tjekker deres header hvert 5. minut.
2. Sikkerhed: Da dine elever skal kunne tilgå Google for at bruge deres Chromebooks/skolearbejde, ved du, at forbindelsen altid er åben.
3. Hastighed: En HEAD request henter 0 bytes krop-data, kun de få linjer tekst i headeren.

Et lille tip til manifest.json

Husk at give lov til at tale med google.com (hvis du ikke allerede har <all_urls>):

"host_permissions": [
  "https://www.google.com/"
]

Skal jeg hjælpe dig med at lave en funktion, der sender en besked til eleven 5 minutter før pausen slutter, så de ved, hvornår de skal gemme deres spil?

[math14f]

Hej iklog,
Mange tak for beskeden. Det er virkelig fedt at høre, at udvidelsen fungerer så effektivt ude på jeres skole.
Idéen med golden Hours til frikvartererne og efter skole er rigtig stærk. Din løsning med at bruge et HEAD-kald til Google for at hente den præcise netværkstid er fuldstændig genial for at undgå snyd. Jeg havde faktisk selv tænkt på, at hvis eleverne overhovedet kunne finde ud af at ændre tiden lokalt på deres Chromebooks, ville de alligevel blive stoppet. Et forkert systemur vil nemlig få HTTPS/SSL-certifikaterne til at fejle ERR_CERT_DATE_INVALID, hvilket ødelægger adgangen til stort set hele internettet alligevel. Men dit HEAD-kald fjerner enhver tvivl og gør systemet 100 % sikkert
Jeg tænkte først over sikkerheden ved at åbne op for nettet i pauserne, men som systemerne er sat op, har I jo allerede jeres faste Blacklist i Google Admin, der tager sig af de hårde blokeringer voksenindhold, proxyer, gambling osv. nede på systemniveau. Derfor er det helt sikkert at pause NetShield og tillade spil og underholdning, når der er frikvarter.
Du behøver slet ikke at forke projektet. Jeg går i gang med at kode funktionen ind i den officielle version med det samme! Jeg bygger admin-styringen af tidsrummene ind i skemaet, og jeg tager helt sikkert din idé med om en 5-minutters notifikation til eleverne, inden pausen slutter. Det er en god feature.
Tusind tak for det gode input og kodeforslagene. Jeg opdaterer repoet, så snart den nye version er klar
Vh. Mathias

[math14f]

Hej iklog,
Jeg har netop færdigkodet hele "Pausetider"-funktionen og bygget den direkte ind i den officielle version. Jeg brugte dit forslag med HEAD-kaldet til Googles servere for at hente netværkstiden det er 100 % sikker løsning. Jeg har også tilføjet 5-minutters advarslen, så eleverne får en notifikation på skærmen, inden pausen slutter, og filteret slår til igen.
Den nye version er netop nu sendt til endelig godkendelse hos Chrome Web Store. Så snart Google har godkendt den forhåbentlig inden for et par dage vil jeres opdateres automatisk, og I kan begynde at bruge det i Google Admin Console.
Giv endelig lyd, når I har fået den testet på skolen. Tak igen
Vh. Mathias

[math14f]

Den er nu blevet godkendt.

[iklog]

Hej igen

Det ser ud til at virke fint, og jeg håber, eleverne bliver glade for det.

Det kunne måske også være en ide at understøtte dage/datoer, så der også kan åbnes i weekender og ferier.

Det ville også være godt, hvis du kunne lægge en template til admin json ind i beskrivelsen i Chrome Webshop. Det er svært at finde ud af for admins rundt omkring.

Min ser lidt anderledes ud, end det Gemini foreslår:

{
    "adminSuperAllowlist": {
               "Value": [
                                "skoledu.dk",
                                "spotify.com",
               ]
    },
    "adminBlockedRegex": {
               "Value":[
                              "numuki",
                              "duck.ai"
               ]
    },
    "allowanceWindows": {
               "Value":[
                                {
                                    "start": "09:15",
                                    "end": "09:55"
                                },
                               {
                                   "start": "14:35",
                                   "end": "23:00"
                               }
               ]
     }
}

Jeg har klippet lidt i værdierne. Men det her var den syntax, jeg kunne få til at slå igennem i admin console.