From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/kab/tools/debugger/index.html | 56 +++ files/kab/tools/index.html | 161 +++++++++ files/kab/tools/network_monitor/index.html | 553 +++++++++++++++++++++++++++++ files/kab/tools/page_inspector/index.html | 48 +++ files/kab/tools/performance/index.html | 94 +++++ files/kab/tools/tadiwent_web/index.html | 37 ++ 6 files changed, 949 insertions(+) create mode 100644 files/kab/tools/debugger/index.html create mode 100644 files/kab/tools/index.html create mode 100644 files/kab/tools/network_monitor/index.html create mode 100644 files/kab/tools/page_inspector/index.html create mode 100644 files/kab/tools/performance/index.html create mode 100644 files/kab/tools/tadiwent_web/index.html (limited to 'files/kab/tools') diff --git a/files/kab/tools/debugger/index.html b/files/kab/tools/debugger/index.html new file mode 100644 index 0000000000..d3fd28abb8 --- /dev/null +++ b/files/kab/tools/debugger/index.html @@ -0,0 +1,56 @@ +--- +title: Aseɣtay +slug: Tools/Debugger +translation_of: Tools/Debugger +--- +
+

Asebtar-agi yeskanay-d aseɣti  n JavaScript akken i d-yettban deg Firefox 52 neɣ daw, deg Firefox Nightly  akked Firefox Developer Edition.

+ +

Akken ad nẓeṛ amek i d-yettban niqal deg ileqman uzwiren n Firefox neɣ Firefox Beta akked Lqem aneggaru, wali Tamseɣtayt (send Firefox 52).

+ +

ma tesufɣem-d alqem n aseɣtay u diɣen tebɣam ad uɣalem ɣer s alqem aqbuṛ,tezemrem atgem s tirza n wen:Tawila u ad sbadum asmenyif "devtools.debugger.new-debugger-frontend"  ɣef false.

+
+ +

{{EmbedYouTube("QK4hKWmJVLo")}}

+ +

Aseɣtay JavaScript yettaǧǧa-kwen att sniṛem tangalt JavaScript u ad isekyed naɣ ad ibedel addad innes iw akken ad yefkk tallalt iw rmeq n Bug.

+ +

Tzemrem a tesqedcem iw sseɣtay n tangalt yettwaselkemen deg Firefox naɣ yettwaselkemen s tmeccaqt,amedya acermaḍ Android ig teddun s Firefox i Android. sesten asaseɣtay s tmeccaqt iw akken a teẓṛrem amek ara neqqen asseɣtay ɣer yiswi ameccaq.

+ +

Aseɣtay ye ddad deg Firefox,ed isebtaren-is yeskanay-ed amek ara yilli leqdic n lqem yellan deg Firefox.acukkan,tzemrem a teslekmem d asnas imunen n web,dɣa a tesqedcem iw asseɣtay tangalt yettuselekmen deg iminigen deg tikerrest.iw aṭas n alulleḍ ɣef asental agi,erzzut ɣer asersay  asenfar n GitHub .

+ +

Asseɣtay amaynut ur i ttawi ara timesɣanin meṛṛa n usseɣtan aqbuṛ. wali Aqemmeḍ n usseɣtay amaynut.

+ +
+

Tirza fessusen ar ugrudem n uqedac

+ +

i tifin n ubrid n asseɣtay,hattan yiwet n triza arurad n agrudem uqedac.

+ +
+

Amek

+ +

Iw akken a teẓṛem d'acu ara tgem s usseɣtay,walit imniren illilen agi:

+ +
+ +
+ +
+

Tamsisɣelt

+ +
+ +
diff --git a/files/kab/tools/index.html b/files/kab/tools/index.html new file mode 100644 index 0000000000..946cec773d --- /dev/null +++ b/files/kab/tools/index.html @@ -0,0 +1,161 @@ +--- +title: Ifecka n tneflit n Firefox +slug: Tools +translation_of: Tools +--- +

Ad yesled, ad yeẓreg, udiq ad iseɣti HTML, CSS, akked JavaScript ɣef uselkim neɣ aziraz. Ileqman ineggura n ifecka n tneflit, sider Firefox Developer Edition.

+ +

Ifecka n iɣes

+ +
+
+
+

Amaswaḍ n isebtar

+ +

+ +

Sken, Ẓreg agbur akked tneɣruft n usebter. Sikedet ugar timeszrit n usebtar aked daɣen tamudemt n tankult,imrayen ed amsebtar n iẓiki.

+
+ +
+

Tadiwent Web

+ +

+ +

Sikedtet inzan yettwaskelsen sɣuṛ asebtar Web u mayermed akked asebtar s useqdec n JavaScript..

+
+
+ +
+
+
+

Tamseɣtayt JavaScript

+ +

+ +

Ḥabset,lḥut u smerset angal JavaScript i teddu uselkem deg sebtar.

+
+ +
+

Asefrak Uzeṭṭa

+ +

+ +

Wali asuter n uzeṭṭa ig ttwasqadcen deg taccaṛt usebtar.

+
+
+ +
+
+
+

Ifecka n tmellit

+ +

+ +

Sebrurzet tastudmirt tamatut,a JavaScript ed tirebbawin amsebtar n usmel innek.

+
+ +
+

Askar n usali anferray

+ +

+ +

wali amek ara d iffeɣ u smel neɣ asnas u amek ara yeddu deg yal inawen n ibenkan ed azeṭṭa.

+
+
+ +
+

Ifecka nniḍen

+ +

allalen agi n usnesfli seɣerden deg Firefox.mačči am «allalen Core» sedaw-a,ur tezmirem ara atent sqedcem yal ass.

+ +
+
+
Takatut
+
Guccelet tiɣawsiwin ay ṭfen takatut ig teddun..
+
Amaswad n uxzan
+
Inspect cookies, local storage, indexedDB, and session storage present in a page.
+
DOM Property Viewer
+
Inspect the page's DOM properties, functions, etc.
+
Developer Toolbar
+
A command-line interface for the developer tools.
+
Eyedropper
+
Select a color from the page.
+
Scratchpad
+
Amaẓṛag n umagrad yeseɣreden deg Firefox yettaǧǧa-kwen a-t arum u a-t selkemem JavaScriptt.
+
Style Editor
+
View and edit CSS styles for the current page.
+
Shader Editor
+
View and edit the vertex and fragment shaders used by WebGL.
+
Web Audio Editor
+
Examine the graph of audio nodes in an audio context, and modify their parameters.
+
+
+ +
+

Connecting the Developer Tools

+ +

If you open the developer tools using keyboard shortcuts or the equivalent menu items, they'll target the document hosted by the currently active tab. But you can attach the tools to a variety of other targets, too, both within the current browser and in different browsers or even different devices.

+ +
+
+
about:debugging
+
Debug add-ons, content tabs, and workers running in the browser.
+
Connecting to Firefox for Android
+
Connect the developer tools to an instance of Firefox running on an Android device.
+
Connecting to iframes
+
Connect the developer tools to a specific iframe in the current page.
+
Connecting to other browsers
+
Connect the developer tools to Chrome on Android and Safari on iOS.
+
+
+ +
+

Debugging the browser

+ +

By default, the developer tools are attached to a web page or web app. But you can also connect them to the browser as a whole. This is useful for browser and add-on development.

+ +
+
+
Browser Console
+
See messages logged by the browser itself and by add-ons, and run JavaScript code in the browser's scope.
+
Browser Toolbox
+
Attach the Developer Tools to the browser itself.
+
+
+ +
+

Extending the devtools

+ +

The developer tools are designed to be extensible. Firefox add-ons can access the developer tools and the components they use to extend existing tools and add new tools. With the remote debugging protocol, you can implement your own debugging clients and servers, enabling you to debug websites using your own tools or to debug different targets using the Firefox tools.

+ +
+
+
Example devtools add-ons
+
Use these examples to understand how to implement a devtools add-on.
+
Add a new panel to the devtools
+
Write an add-on that adds a new panel to the Toolbox.
+
Remote Debugging Protocol
+
The protocol used to connect the Firefox Developer Tools to a debugging target like an instance of Firefox or a Firefox OS device.
+
Source Editor
+
A code editor built into Firefox that can be embedded in your add-on.
+
The Debugger Interface
+
An API that lets JavaScript code observe the execution of other JavaScript code. The Firefox Developer Tools use this API to implement the JavaScript debugger.
+
Web Console custom output
+
How to extend and customize the output of the Web Console and the Browser Console.
+
+
+ +
+

Contribute

+ +

If you want to help to improve the developer tools, these resources will get you started.

+ +
+
+
Get Involved
+
Mozilla wiki page explaining how to get involved.
+
firefox-dev.tools
+
A tool helping to find bugs to work on.
+
+
diff --git a/files/kab/tools/network_monitor/index.html b/files/kab/tools/network_monitor/index.html new file mode 100644 index 0000000000..e9dc06cff8 --- /dev/null +++ b/files/kab/tools/network_monitor/index.html @@ -0,0 +1,553 @@ +--- +title: Asefrak uẓeṭṭa +slug: Tools/Network_Monitor +translation_of: Tools/Network_Monitor +--- +

 

+ +

A Network Monitor a k-id beggen meṛṛa isteqsiyen uẓeṭṭa id yesnulfa Firefox (amedya,mara d yezdem asebtar naɣ XMLHttpRequests),tanzagt i yal asteqsi u alulleḍ n yal asteqsi.

+ +

Alday n usefrak uẓeṭṭa

+ +

Llan akken kra n wamek ara yeldi  Network Monitor:

+ + + +

Asefrak uẓeṭṭa ad yuɣal ad iban sdaw n usfaylu n iminig.zdem asebtar akken an wali asuter:

+ +

+ +

Asefrak yeseklas asuter mara yeldi ufeggag n ifecka,ɣas ma yella iccer uẓeṭṭa ur yettwafren ara.ayagi ibɣa ad yinni belli tzemreḍ a ttebduḍ aseɣti n usebtar deg tadiwent u dɣa zgger ɣer iccer uẓeṭṭa fiḥel azdam n usebtar.

+ +

Taẓuri n agrudem useqdac

+ +

A UI ibḍa ɣef ukuz (4) taggayin timeqṛanin:

+ + + +

+ + + +

Performance analysis view

+ +

Tafeggagt n ifecka

+ +

Seg Firefox 47,tafeggagt ifecka attan asawen n usfaylu agejday.deg lqem amezwaru,tella swada.

+ +

S lexṣas:

+ + + +

Network request list

+ +

By default, the Network Monitor shows a list of all the network requests made in the course of loading the page. Each request is displayed in its own row:

+ +

By default, the Network Monitor is cleared each time you navigate to a new page or reload the current page. You can override this behavior by checking "Enable persistent logs" in the Settings.

+ +

Network request columns

+ +

From Firefox 55 onwards, you can toggle different columns by right-clicking on the table header and choosing the specific column from the context menu. A "Reset Columns" option is also available to reset the columns to their initial configuration. Here is a list of all available columns:

+ + + +

The toolbar at the top labels these columns, and clicking the label sorts all the requests by that column.

+ +

Image thumbnails

+ +

If the file is an image, the row includes a thumbnail of the image, and hovering over the filename shows a preview in a tooltip:

+ +

+ +

Security icons

+ +

The Network Monitor displays an icon in the Domain column:

+ +

+ +

This gives you extra information about the security status of the request:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IconMeaning
HTTPS
Weak HTTPS (for example, a weak cipher was used)
Failed HTTPS (for example, a certificate was invalid)
HTTP
Localhost
+ +

For weak and failed HTTPS requests, you'll see more details of the problem in the Security tab.

+ +

Cause column

+ +

The Cause column indicates what the cause of the request was. This is usually fairly obvious, and you can generally see the correlation between this and the Type column entry. The most common values are:

+ + + +
+

When a request was triggered by JavaScript, a small JS icon is shown to the left of the entry in the Cause column. Hovering over this displays a popup containing the stack trace for the request, to provide more clues as to why a request happened.

+ +

+ +

You can then click on any of the entries in the popup to open up the relevant script in the Debugger pane.

+
+ +

Timeline

+ +

The request list also displays a timeline for the different parts of each request.

+ +

+ +

Each timeline is given a horizontal position in its row relative to the other network requests, so you can see the total time taken to load the page. For more details on the color-coding used here, see the section on the Timings page.

+ +

Starting in Firefox 45, the timeline also contains two vertical lines:

+ + + +

Filtering requests

+ +

You can filter requests by content type, by whether they are XMLHttpRequests or WebSocket requests, by URL, or by request properties.

+ +

Filtering by content type

+ +

To filter by content type, use the buttons in the toolbar.

+ +

Filtering XHR

+ +

To see only {{Glossary("XHR (XMLHttpRequest)", "XHR")}} requests, use the "XHR" button in the toolbar.

+ +

Filtering WebSockets

+ +
+

New in Firefox 48

+
+ +

To see only WebSocket connections, use the "WS" button in the toolbar.

+ +

To monitor the data exchanged in WebSocket connections, try the WebSocket Monitor add-on.

+ +

Filtering by URL

+ +

To filter by URL, use the search box in the toolbar. Click in the search box, or press Ctrl + F (or Cmd + F on a Mac), and start typing. The list of network requests will be filtered to include only requests that contain your filter string, in either the Domain or the File portions.

+ +

From Firefox 45,  you can filter requests that don't contain your filter string by prefixing your query with the "-" operator. For example, the query "-google.com" will show all requests that don't have "google.com" in their URL.

+ +

Filtering by properties

+ +
+

New in Firefox 55

+
+ +

To filter by specific request properties, use the search box in the toolbar. The search box recognizes specific keywords, which can be used to filter the requests by specific request properties. Those keywords are followed by a colon and a related filter value. The filter values are matched case insensitive. Prepending a minus (-) negates the filter. You can combine different filters together by seperating them with a space.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
KeywordMeaningExamples
status-codeShows resources that have the specific HTTP status code.status-code:304
methodShows resources that have were requested via the specific HTTP request method.method:post
domainShows resources coming from a specifc domain.domain:mozilla.org
remote-ipShows resources coming from a server with the specified IP.remote-ip:63.245.215.53
+ remote-ip:[2400:cb00:2048:1::6810:2802]
causeShows resources matching a specific cause type. The types can be found in the description of the cause column.cause:js
+ cause:stylesheet
+ cause:img
transferredShows resources having a specific transferred size or a transferred size close to the one specified.  k can be used as suffix for kilobytes and m for megabytes, e.g. the value 1k is equivalent to 1024.transferred:1k
sizeShows resources having a specific size (after decompression) or a size close to the one specified. k can be used as suffix for kilobytes and m for megabytes, e.g. the value 1k is equivalent to 1024.size:2m
larger-thanShows resources that are larger than the specified size in bytes. k can be used as suffix for kilobytes and m for megabytes, e.g. the value 1k is equivalent to 1024.larger-than:2000
+ -larger-than:4k
mime-typeShows resources that match the specified MIME type.mime-type:text/html
+ mime-type:image/png
+ mime-type:application/javascript
isis:cached and is:from-cache shows only resources coming from cache.
+ is:running shows only resources, which are currently being transferred.
is:cached
+ -is:running
schemeShows resources transferred via the given scheme.scheme:http
has-response-headerShows resources that contain the specified HTTP response header.has-response-header:cache-control
+ has-response-header:X-Firefox-Spdy
set-cookie-domainShow the resources that have a Set-Cookie header with a Domain attribute that matches the specified value.set-cookie-domain:.mozilla.org
set-cookie-nameShow the resources that have a Set-Cookie header with a name that matches the specified value.set-cookie-name:_ga
set-cookie-valueShow the resources that have a Set-Cookie header with a value that matches the specified value.set-cookie-value:true
regexpShow the resources having a URL that matches the given {{Glossary("regular expression")}}.regexp:\d{5}
+ regexp:mdn|mozilla
+ +

Context menu

+ +

Context-clicking on a row in the list displays a context menu with the following options:

+ + + +

Edit and Resend

+ +

This option opens an editor enabling you to edit the request's method, URL, parameters, and headers, and resend the request.

+ +

Copy as cURL

+ +

This option copies the network request to the clipboard as a cURL command, so you can execute it from a command line. The command may include the following options:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
-X [METHOD]If the method is not GET or POST
--dataFor URL encoded request parameters
--data-binaryFor multipart request parameters
--http/VERSIONIf the HTTP version is not 1.1
-IIf the method is HEAD
-H +

One for each request header.

+ +

From Firefox 34, if the "Accept-Encoding" header is present, the cURL command will include --compressed instead of -H "Accept-Encoding: gzip, deflate". This means that the response will be automatically decompressed.

+
+ +

Copy/Save All As HAR

+ +
+

New in Firefox 41.

+
+ +

These options create an HTTP Archive (HAR) for all requests listed. The HAR format enables you to export detailed information about network requests. 'Copy All As HAR' copies the data to the clipboard, 'Save All As HAR' opens a dialog allowing you to save the archive to disk.

+ +

Network request details

+ +

Clicking on a row displays a new pane in the right-hand side of the network monitor, which provides more detailed information about the request.

+ +

+ +

The tabs at the top of this pane enable you to switch between the following pages:

+ + + +

Clicking the icon at the right-hand end of the toolbar closes the details pane and returns you to the list view.

+ +

Headers

+ +

This tab lists basic information about the request:

+ +

+ +

This includes:

+ + + +

You can filter the headers that are displayed:

+ +

+ +
+

New in Firefox 54

+
+ +

Besides each header is a [Learn More] link referring to the documentation of the HTTP headers.

+ +

Cookies

+ +

This tab lists full details of any cookies sent with the request or response:

+ +

+ +

As with headers, you can filter the list of cookies displayed.

+ +

Params

+ +

This tab displays the GET parameters and POST data of a request:

+ +

+ +

Response

+ +

The complete content of the response. If the response is HTML, JS, or CSS, it will be shown as text:

+ +

+ +

If the response is JSON, it will be shown as an inspectable object.

+ +

If the response is an image, the tab displays a preview:

+ +

+ +

Timings

+ +

The Timings tab breaks a network request down into the following subset of the stages defined in the HTTP Archive specification:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameDescription
Blocked +

Time spent in a queue waiting for a network connection.

+ +

The browser imposes a limit on the number of simultaneous connections that can be made to a single server. In Firefox this defaults to 6, but can be changed using the network.http.max-persistent-connections-per-server preference. If all connections are in use, the browser can't download more resources until a connection is released.

+
DNS resolutionTime taken to resolve a host name.
ConnectingTime taken to create a TCP connection.
SendingTime taken to send the HTTP request to the server.
WaitingWaiting for a response from the server.
ReceivingTime taken to read the entire response from the server (or cache).
+ +

It presents a more detailed, annotated, view of the timeline bar for that request showing how the total wait time is split into the various stages:

+ +

+ +

Security

+ +

If the site is being served over HTTPS, you get an extra tab labeled "Security". This contains details about the secure connection used including the protocol, the cipher suite, and certificate details:

+ +

+ +

The Security tab shows a warning for security weaknesses. Currently it warns you about two weaknesses:

+ +
    +
  1. Using SSLv3 instead of TLS
  2. +
  3. Using the RC4 cipher
  4. +
+ +

+ +

Preview

+ +

Removed in Firefox 55.

+ +

If the file type is HTML another tab appears labeled "Preview". This renders just that HTML:

+ +

+ +

Performance analysis

+ +

The Network Monitor includes a performance analysis tool, to help show you how long the browser takes to download the different parts of your site.
+
+ To run the performance analysis tool click the stopwatch icon in the toolbar.

+ +

(Alternatively, if you have only just opened the Network Monitor, so it's not yet populated with the list of requests, you'll get a stopwatch icon in the main window.)

+ +

The Network Monitor then loads the site twice: once with an empty browser cache, and once with a primed browser cache. This simulates the first time a user visits your site, and subsequent visits. It displays the results for each run side by side, or vertically if the browser window is narrow:

+ +

+ +

The results for each run are summarised in a table and a pie chart. The tables group resources by type, and show the total size of each resource and the total time it took to load them. The accompanying pie chart shows the relative size of each resource type.

+ +

To get back to the Network Monitor's list of network requests click the "Back" button on the left.

+ +

Clicking on a slice of the pie takes you to the Network Monitor for that run, with a filter automatically applied to see only that resource type.

diff --git a/files/kab/tools/page_inspector/index.html b/files/kab/tools/page_inspector/index.html new file mode 100644 index 0000000000..51cbc0da40 --- /dev/null +++ b/files/kab/tools/page_inspector/index.html @@ -0,0 +1,48 @@ +--- +title: Amaswaḍ n Usebtar +slug: Tools/Page_inspector +translation_of: Tools/Page_Inspector +--- +

Seqdec amaswaḍ u sebtar iw akken att sermes-eḍ HTML ed CSS n usebtar.

+ +

Tzemrem a tt sekyed-eḍ isebtar ye ččuṛen deg alsaru adigan n Firefox neɣ deg yiwen n iswi amestram am Firefox i Android.sikdet alday s usettum  akken a tezṛem amek ara teqqnem ifecka n usenefli ɣer yiwen iswi amestram

+ +
+

Tirza Agrudem Uqedac

+ +

Iw akken att afem abrid n wen ger amaswaḍ,attan tirza taruradt n agrudem uqedac.

+ +
+

Amek

+ +

Iw akken att issin-eḍ amek ara te sedduḍ amaswaḍ,eddut ɣer s amnir a:

+ +
+ +
+ +
+

Tamselɣut

+ +
+ +
diff --git a/files/kab/tools/performance/index.html b/files/kab/tools/performance/index.html new file mode 100644 index 0000000000..b3a9fa4436 --- /dev/null +++ b/files/kab/tools/performance/index.html @@ -0,0 +1,94 @@ +--- +title: Tamellit +slug: Tools/Performance +translation_of: Tools/Performance +--- +

Afecku tamellit yettak-awend tamuɣli ɣef tasedmirt  tamatut,n JavaScript ed timellal n usali asebtar.ad snulfuḍ asekles,naɣ amaɣnu,n wasmel innek deg yiwet n talit n wakud.afecku yagi yeskanay-ak-id tamuɣli tamatut n wayen id yefɣen seg iminig ɣer samaɣnu innek ed tudlift n usnagar n tugna ɣer umaɣnu.

+ +

Ad ḥelim kṛad n adahil-ifecka iw sekyed n uger deg lulleḍ n timeẓra n umaɣnu:

+ + + +

{{EmbedYouTube("WBmttwfA_k8")}}

+ +
+

Bdut

+ +
+
+
+
Tirza
+
+

Iw akken attafeḍ abrid-ik ger ifecka n tamellit,hattan yiwet n tirza taruradt n agrudem uqedac.

+
+
+
+ +
+
+
Amek
+
Tawuri n taffa:llit afecku,snulfut-ed,skelset,zdem u swel iseklasen.
+
+
+
+ +
+

Isegran  ufecku n tamellit

+ +
+
+
+
Atug n tugniwin
+
Gzu tassedmart tablulaɣt n asmel innek
+
Aseklu usiwel
+
Amḍiq n waxneq deg JavaScript n usmel innek.
+
Aḥeṛṛi
+
Sikked iḥeṛṛiyen uqqemen sɣuṛ tangalt deg sekles i teddun
+
+
+ +
+
+
Aceṛcuṛ
+
Gzu leqdic ig ga iminig ma yilli uqedac yermed akked asmel innek
+
Flame Chart
+
ẓeṛ anti tiseɣnin JavaScript ig llan akka tura deg selkem u melmi,deg sekles i teddun
+
 
+
+
+
+ +
+

Senaṛyu

+ +
+
+
+
Amray n wayla CSS
+
Seqdec aceṛcuṛ iw akken a tegzuḍ amek iminig yemucced asebtar u amek amray n imezli n CSS yezmer ad i sikec timellal.
+
 
+
+
+ +
+
+
Adewwas n JavaScript
+
Seqdec awlelleɣ ed ifecka Waterfall iw akken a tereḍ s timunin uguren n timellal yesmentel JavaScript i teddun,u amak aseqdec n iqedacen ad yefkk tallat deg asurs
+
+
+
+ +

 

+ +
+
+
 
+
+
+ +

 

diff --git a/files/kab/tools/tadiwent_web/index.html b/files/kab/tools/tadiwent_web/index.html new file mode 100644 index 0000000000..dba737cb25 --- /dev/null +++ b/files/kab/tools/tadiwent_web/index.html @@ -0,0 +1,37 @@ +--- +title: Tadiwent n Web +slug: Tools/Tadiwent_Web +translation_of: Tools/Web_Console +--- +

Tadiwent n Web:

+ +
    +
  1. Sekles isalen icuden ɣer s asebtar n Web:suter azeṭṭa,JavaScript,CSS,tiniwitin n taɣlist d iɣtalen akked daɣen inzan n iniwiten,n waɣtal ed isalen ideg yeszwar usekles innes s tangalt n JavaScript yettuselkem deg usatal n usebtar.
  2. +
  3. Ak teǧǧ agereg akked asebtar n Web s uselkem n tinfaliyin JavaScript deg tawennaṭ u sebtar.
  4. +
+ +

{{EmbedYouTube("C6Cyrpkb25k")}}  

+ +
+
+
+
Alday n tadiwent Web
+
Amek ara tesqedcem tadiwent Web.
+
Amsuɣel n izirig anezḍay
+
Amek ara n amyermed a zzmam s tallat n tadiwent.
+
Tadiwent Split
+
Sqedcet tadiwent ar tama n allalen nniḍen.
+
+
+ +
+
+
Tadiwent n iznan
+
Asulleḍ n iznan i tesekles tadiwent.
+
Tufɣa tanesbaɣurt
+
Ẓaṛ u myermed s tiɣawsiwin i ttuskelsen sɣuṛ tadiwent.
+
Anegzum s anasiw
+
Tamselɣut unegzum.
+
+
+
-- cgit v1.2.3-54-g00ecf