كيفية فتح ملفات JSON

# كيفية فتح ملفات JSON

ملفات JSON يمكن فتحها بطرق عديدة حسب احتياجاتك ونظام التشغيل.

ما هو ملف JSON؟

التعريف

ملف JSON هو ملف نصي بامتداد .json يحتوي على بيانات منظمة بتنسيق JSON.

مثال

{
  "الاسم": "أحمد محمد",
  "العمر": 30,
  "المدينة": "الرياض"
}

فتح JSON بالمحررات النصية

Windows Notepad

1. انقر بزر الماوس الأيمن على الملف
اختر "فتح باستخدام"
اختر "Notepad"

المزايا:

• مدمج في Windows
• سريع
• لا حاجة للتثبيت

العيوب:

• لا يوجد إبراز للبنية
• لا يوجد تنسيق تلقائي

Notepad++

1. قم بتنزيل Notepad++ من موقعه الرسمي
افتح الملف
اختر Language > JSON

المزايا:

• إبراز بناء الجملة
• مجاني
• خفيف

VS Code (موصى به)

1. قم بتنزيل VS Code
افتح الملف
يتم اكتشاف JSON تلقائياً
استخدم Shift+Alt+F للتنسيق

المزايا:

• إبراز متقدم
• تنسيق تلقائي
• التحقق من الصحة
• ملحقات JSON
• مجاني

Sublime Text

1. افتح الملف في Sublime Text
اختر View > Syntax > JSON
استخدم Ctrl+Alt+J للتنسيق (مع Pretty JSON)

فتح JSON في المتصفح

Google Chrome

1. اسحب الملف إلى Chrome
أو Ctrl+O واختر الملف

تحسين العرض:

• ثبّت ملحق "JSON Formatter"
• أو "JSONView"

Firefox

1. افتح الملف في Firefox
Firefox يعرض JSON بشكل جميل افتراضياً

المزايا:

• عرض شجري
• طي/فتح العقد
• نسخ المسارات

أدوات عبر الإنترنت

JSON Formatter

1. افتح jsonformatter.org
الصق محتوى الملف
أو ارفع الملف
شاهد النتيجة المنسقة

JSONLint

1. افتح jsonlint.com
الصق JSON
اضغط "Validate JSON"
سيظهر الأخطاء إن وجدت

Code Beautify

1. افتح codebeautify.org/jsonviewer
الصق JSON أو ارفع الملف
اختر عرض Tree أو Code

فتح JSON برمجياً

JavaScript (في المتصفح)

// قراءة ملف JSON محلي
async function readJSONFile(file) {
  const text = await file.text();
  const data = JSON.parse(text);
  console.log(data);
}

// استخدام input file
const input = document.createElement('input');
input.type = 'file';
input.accept = '.json';
input.onchange = async (e) => {
  const file = e.target.files[0];
  await readJSONFile(file);
};
input.click();

Node.js

const fs = require('fs');

// قراءة ملف JSON
const data = JSON.parse(
  fs.readFileSync('data.json', 'utf8')
);

console.log(data);

// أو باستخدام require
const data2 = require('./data.json');
console.log(data2);

Python

import json

# قراءة ملف JSON
with open('data.json', 'r', encoding='utf-8') as f:
    data = json.load(f)

print(data)

فتح JSON الكبير

jq (سطر الأوامر)

# عرض ملف JSON
jq '.' large.json

# عرض جزء محدد
jq '.users[0]' large.json

# البحث
jq '.users[] | select(.age > 30)' large.json

مشاهدات JSON المتخصصة

Large JSON Viewer:

• يدعم ملفات كبيرة جداً
• عرض كسول (lazy loading)
• بحث سريع

فتح JSON على أنظمة مختلفة

Windows

الخيارات:

Notepad

Notepad++

VS Code

Sublime Text

JSON Viewer

macOS

الخيارات:

TextEdit

VS Code

Sublime Text

BBEdit

JSON Editor

# فتح من Terminal
open -a TextEdit file.json

# أو
cat file.json | jq '.'

Linux

الخيارات:

gedit

nano

vim

VS Code

Kate

# عرض في Terminal
cat file.json

# مع تنسيق
cat file.json | jq '.'

# تحرير
nano file.json
# أو
vim file.json

حل المشاكل الشائعة

الملف لا يفتح

الحل:

تأكد من الامتداد .json

تحقق من أذونات الملف

جرب محرر نصي آخر

محتوى غير مقروء

الحل:

تأكد من الترميز UTF-8

استخدم محرر يدعم UTF-8

جرب أداة عبر الإنترنت

خطأ في التحليل

الحل:

استخدم JSONLint للتحقق

ابحث عن الفواصل الزائدة

تحقق من علامات الاقتباس

// خطأ
{
  "الاسم": "أحمد",
}

// صحيح
{
  "الاسم": "أحمد"
}

تحرير ملفات JSON

محررات مرئية

JSON Editor Online:

1. افتح jsoneditoronline.org
ارفع ملفك
حرر في عرض شجري
احفظ التغييرات

مزايا:

• واجهة رسومية
• عرض شجري
• لا حاجة لمعرفة الصياغة
• التحقق التلقائي

تحرير برمجي

const fs = require('fs');

// قراءة
let data = JSON.parse(
  fs.readFileSync('data.json', 'utf8')
);

// تعديل
data.الاسم = 'أحمد الجديد';
data.العمر = 31;

// حفظ
fs.writeFileSync(
  'data.json',
  JSON.stringify(data, null, 2)
);

تحويل JSON

إلى CSV

1. افتح convertcsv.com/json-to-csv.htm
الصق JSON
اضغط "Convert"
قم بتنزيل CSV

إلى Excel

1. استخدم json2excel.com
أو افتح في Excel مباشرة
Data > Get Data > From File > From JSON

إلى XML

1. استخدم convertjson.com/json-to-xml.htm
الصق JSON
احصل على XML

أدوات مفيدة

مشاهدات JSON

• JSON Viewer Chrome Extension
• JSONView Firefox Extension
• JSON Editor Online
• JSON Formatter & Validator

محررات JSON

• VS Code (أفضل للمطورين)
• Sublime Text (سريع وخفيف)
• Atom (مفتوح المصدر)
• WebStorm (للمشاريع الكبيرة)

أدوات سطر الأوامر

• jq (معالجة JSON)
• fx (متصفح JSON تفاعلي)
• json (أداة JSON CLI)

نصائح مفيدة

1. استخدم UTF-8

تأكد دائماً من استخدام ترميز UTF-8 للملفات العربية.

2. احفظ نسخة احتياطية

قبل تحرير ملفات مهمة، احفظ نسخة احتياطية.

3. تحقق من الصحة

استخدم أدوات التحقق قبل استخدام الملف.

4. استخدم التنسيق

ملفات JSON المنسقة أسهل للقراءة والتحرير.

اختصارات مفيدة

VS Code

Ctrl+K Ctrl+F - تنسيق الملف
Ctrl+Space - الإكمال التلقائي
Ctrl+F - البحث
Ctrl+H - البحث والاستبدال

Chrome DevTools

F12 - فتح DevTools
Network > اختر طلب > Preview
Console > copy(data) - نسخ البيانات

أمثلة عملية

عرض ملف تكوين

// قراءة config.json
const config = require('./config.json');

console.log('Database:', config.database.host);
console.log('Port:', config.database.port);

معالجة بيانات

import json

# قراءة بيانات المستخدمين
with open('users.json', 'r', encoding='utf-8') as f:
    users = json.load(f)

# معالجة
for user in users:
    print(f"الاسم: {user['الاسم']}, العمر: {user['العمر']}")

الملخص

لفتح ملفات JSON:

• محررات نصية - للتحرير السريع
• المتصفحات - للعرض
• أدوات عبر الإنترنت - للتحقق والتنسيق
• برمجياً - للمعالجة التلقائية

اختر الطريقة المناسبة لاحتياجاتك!