diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:43:23 -0500 |
commit | 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch) | |
tree | a9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/tr/mozilla | |
parent | 074785cea106179cb3305637055ab0a009ca74f2 (diff) | |
download | translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.gz translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.bz2 translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.zip |
initial commit
Diffstat (limited to 'files/tr/mozilla')
25 files changed, 3037 insertions, 0 deletions
diff --git a/files/tr/mozilla/add-ons/sdk/index.html b/files/tr/mozilla/add-ons/sdk/index.html new file mode 100644 index 0000000000..0cfe0d7301 --- /dev/null +++ b/files/tr/mozilla/add-ons/sdk/index.html @@ -0,0 +1,81 @@ +--- +title: Add-on SDK +slug: Mozilla/Add-ons/SDK +translation_of: Archive/Add-ons/Add-on_SDK +--- +<p>Add-on SDK ile standart web teknolojilerini kullanarak Firefox eklentileri üretebilirsiniz. SDK, eklentileri yaratabileceğiniz JavaScript API'lerini ve eklentileri oluşturma, çalıştırma, test etme ve paketleme araçlarını içerir.</p> + +<hr> +<h3 id="Öğreticiler">Öğreticiler</h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials#getting-started">Başlarken</a></dt> + <dd><a href="/en-US/Add-ons/SDK/Tutorials/Installation">SDK nasıl yüklenir </a>ve <a href="/en-US/Add-ons/SDK/Tutorials/Getting_Started_(jpm)">the jpm aracının kullanımı</a> , ve eklentileri paketleme.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials#interact-with-the-browser">Tarayıcı ile etkileşşim</a></dt> + <dd><a href="/en-US/Add-ons/SDK/Tutorials/Open_a_Web_Page">Open web pages</a>, <a href="/en-US/Add-ons/SDK/Tutorials/Listen_For_Page_Load">listen for pages loading</a>, and <a href="/en-US/Add-ons/SDK/Tutorials/List_Open_Tabs">list open pages</a>.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials#development-techniques">Geliştirme teknikleri</a></dt> + <dd>Alışılmış geliştirme yöntemlerini öğrenme, örneğin <a href="/en-US/Add-ons/SDK/Tutorials/Unit_testing">unit testing</a>, <a href="/en-US/Add-ons/SDK/Tutorials/Logging">logging</a>, <a href="/en-US/Add-ons/SDK/Tutorials/Creating_Reusable_Modules">creating reusable modules</a>, <a href="/en-US/Add-ons/SDK/Tutorials/l10n">localization</a>, ve <a href="/en-US/Add-ons/SDK/Tutorials/Mobile_development">mobile development</a>.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials#create-user-interfaces">Kullanıcı arayüzü üretme bileşenleri</a></dt> + <dd>Kullanıcı arayüzü birimlerini yaratın. Mesela <a href="/en-US/Add-ons/SDK/Tutorials/Adding_a_Button_to_the_Toolbar"> araç çubuğu butonları</a>, <a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item">içerik menüleri</a>, <a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Menu_Item_to_Firefox">menü nesneleri</a> ve <a href="/en-US/Add-ons/SDK/Tutorials/Display_a_Popup">iletiler</a>.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials#modify-web-pages">Web sayfalarını modifiye edin.</a></dt> + <dd>Modify pages <a href="/en-US/Add-ons/SDK/Tutorials/Modifying_Web_Pages_Based_on_URL">matching a URL pattern</a> or dynamically <a href="/en-US/Add-ons/SDK/Tutorials/Modifying_the_Page_Hosted_by_a_Tab">modify a particular tab</a>.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Annotator">Putting it together</a></dt> + <dd>Walkthrough of the Annotator example add-on.</dd> +</dl> +</div> +</div> + +<hr> +<h3 id="Guides">Guides</h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Guides#contributors-guide">Contributor's guide</a></dt> + <dd>Learn <a href="/en-US/Add-ons/SDK/Guides/Getting_Started">how to start contributing</a> to the SDK, and about the most important idioms used in the SDK code, such as <a href="/en-US/Add-ons/SDK/Guides/Modules">modules</a>, <a href="/en-US/Add-ons/SDK/Guides/Classes_and_Inheritance">classes and inheritance</a>, <a href="/en-US/Add-ons/SDK/Guides/Private_Properties">private properties</a>, and <a href="/en-US/Add-ons/SDK/Guides/Content_Processes">content processes</a>.</dd> + <dt><a href="/en-US/Add-ons/SDK/Guides#sdk-infrastructure">SDK infrastructure</a></dt> + <dd>Aspects of the SDK's underlying technology: <a href="/en-US/Add-ons/SDK/Guides/Module_structure_of_the_SDK">modules</a>, the <a href="/en-US/Add-ons/SDK/Guides/Program_ID">Program ID</a>, and the rules defining <a href="/en-US/Add-ons/SDK/Guides/Firefox_Compatibility">Firefox compatibility</a>.</dd> + <dt><a href="/en-US/Add-ons/SDK/Guides/Content_Scripts">Content scripts</a></dt> + <dd>A detailed guide to working with content scripts.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Guides#sdk-idioms">SDK idioms</a></dt> + <dd>The SDK's <a href="/en-US/Add-ons/SDK/Guides/Working_with_Events">event framework</a> and the <a href="/en-US/Add-ons/SDK/Guides/Two_Types_of_Scripts">distinction between add-on scripts and content scripts</a>.</dd> + <dt><a href="/en-US/Add-ons/SDK/Guides/XUL_Migration_Guide">XUL migration</a></dt> + <dd>A guide to <a href="/en-US/Add-ons/SDK/Guides/XUL_Migration_Guide">porting XUL add-ons to the SDK</a>. This guide includes a <a href="/en-US/Add-ons/SDK/Guides/XUL_vs_SDK">comparison of the two toolsets</a> and a <a href="/en-US/Add-ons/SDK/Guides/Porting_the_Library_Detector">working example</a> of porting a XUL add-on.</dd> + <dt><a href="/en-US/Add-ons/SDK/Guides/Multiprocess_Firefox_and_the_SDK">Multiprocess Firefox and the SDK</a></dt> + <dd>How to check whether your add-on is compatible with multiprocess Firefox, and fix it if it isn't.</dd> +</dl> +</div> +</div> + +<hr> +<h3 id="Reference">Reference</h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/High-Level_APIs">High-Level APIs</a></dt> + <dd>Reference documentation for the high-level SDK APIs.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tools">Tools reference</a></dt> + <dd>Reference documentation for the <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm tool</a> used to develop, test, and package add-ons, the <a href="/en-US/Add-ons/SDK/Tools/console">console</a> global used for logging, and the <a href="/en-US/Add-ons/SDK/Tools/package_json">package.json</a> file.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Low-Level_APIs">Low-Level APIs</a></dt> + <dd>Reference documentation for the low-level SDK APIs.</dd> +</dl> +</div> +</div> diff --git a/files/tr/mozilla/add-ons/sdk/tools/index.html b/files/tr/mozilla/add-ons/sdk/tools/index.html new file mode 100644 index 0000000000..8c67b4644e --- /dev/null +++ b/files/tr/mozilla/add-ons/sdk/tools/index.html @@ -0,0 +1,14 @@ +--- +title: Tools +slug: Mozilla/Add-ons/SDK/Tools +tags: + - Add-on SDK + - CFX + - JPM + - NeedsTranslation + - TopicStub +translation_of: Archive/Add-ons/Add-on_SDK/Tools +--- +<p>Articles listed here provide a reference for the SDK's tools:</p> + +<p>{{ LandingPageListSubpages ("/en-US/Add-ons/SDK/Tools", 7) }}</p> diff --git a/files/tr/mozilla/add-ons/sdk/tools/package_json/index.html b/files/tr/mozilla/add-ons/sdk/tools/package_json/index.html new file mode 100644 index 0000000000..7b395a2fa1 --- /dev/null +++ b/files/tr/mozilla/add-ons/sdk/tools/package_json/index.html @@ -0,0 +1,323 @@ +--- +title: package.json +slug: Mozilla/Add-ons/SDK/Tools/package_json +translation_of: Archive/Add-ons/Add-on_SDK/Tools/package_json +--- +<p>{{AddonSidebar}}</p> + +<p><span class="seoSummary"><code>package.json</code> dosyası eklentiniz için manifesto görevi görür, sadece Add-ons Manager'daki (Eklenti Yöneticisi) sunum için betimleyici bilgileri değil, eklentiniz için diğer gerekli meta bilgilerini de içerir.</span></p> + +<p>Some of its entries, such as <a href="/en-US/Add-ons/SDK/Tools/package_json#icon"><code>icon</code></a>, <a href="/en-US/Add-ons/SDK/Tools/package_json#name"><code>name</code></a>, and <a href="/en-US/Add-ons/SDK/Tools/package_json#description"><code>description</code></a>, have direct analogues in the <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests">install manifest</a> format, and entries from <code>package.json</code> are written into the install manifest when the add-on is built using <a href="/en-US/Add-ons/SDK/Tools/jpm#jpm_xpi"><code>jpm xpi</code></a>.</p> + +<p>Others, such as <a href="/en-US/Add-ons/SDK/Tools/package_json#lib"><code>lib</code></a>, <a href="/en-US/Add-ons/SDK/Tools/package_json#permissions"><code>permissions</code></a>, and <a href="/en-US/Add-ons/SDK/Tools/package_json#preferences"><code>preferences</code></a>, represent instructions to the <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a> tool itself to generate and include particular code and data structures in your add-on.</p> + +<h2 id="Manifest_oluşturma">Manifest oluşturma</h2> + +<p>The <code>package.json</code> file is initially generated in your add-on's root directory the first time you run <a href="/en-US/Add-ons/SDK/Tools/jpm#jpm_init"><code>jpm init</code></a>. It looks like this (assuming the add-on's directory is "my-addon"):</p> + +<pre class="brush: json">{ + "name": "my-addon", + "title": "my-addon", + "id": "jid1-1FERGV45e4f4f", + "description": "a basic add-on", + "author": "", + "license": "MPL-2.0", + "version": "0.1" +}</pre> + +<p>If you are using the new <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm tool</a>, you can easily access manifest data from package.json by requiring it like any other module:</p> + +<pre class="brush: js" id="comment_text_1">var title = require("./package.json").title;</pre> + +<h2 id="Key_reference">Key reference</h2> + +<p><code>package.json</code> may contain the following keys:</p> + +<table class="standard-table"> + <tbody> + <tr> + <td id="author"><code>author</code></td> + <td> + <p>The name of the package's original author; this could be the name of a person or a company. Defaults to an empty string. It may include a optional URL in parentheses and an email address in angle brackets.</p> + + <p>This value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#creator"><code>em:creator</code></a> element in the <code>install.rdf</code> file generated by <code>cfx</code>.</p> + + <div class="note"><strong>Note:</strong> <a href="https://developer.mozilla.org/Add-ons/SDK/Tools/jpm">jpm</a> supports <a href="https://docs.npmjs.com/files/package.json#people-fields-author-contributors">NodeJS people fields</a>.</div> + </td> + </tr> + <tr> + <td id="contributors"><code>contributors</code></td> + <td> + <p>An array of additional <a href="/en-US/Add-ons/SDK/Tools/package_json#author"><code>author</code></a> strings, identifying other contributors to the add-on.</p> + + <p>These values will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#contributor"><code>em:contributor</code></a> elements in its <code>install.rdf</code>.</p> + + <div class="note"><strong>Note:</strong> This is deprecated along with <code>cfx</code>; it's not available when using <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</div> + </td> + </tr> + <tr> + <td id="dependencies"><code>dependencies</code></td> + <td> + <p>A string or an array of strings specifying the names of packages that this add-on requires in order to function properly.</p> + </td> + </tr> + <tr> + <td id="description"><code>description</code></td> + <td> + <p>The add-on's description; this is a human-readable message describing what the add-on does. This defaults to the text "a basic add-on".</p> + + <p>This value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#description"><code>em:description</code></a> element in its <code>install.rdf</code>.</p> + </td> + </tr> + <tr> + <td id="engines"><code>engines</code></td> + <td> + <p>Object with supported applications (key) and required version numbers (value). The version number can both specify a minimum and maximum version separated by a space.</p> + + <ul> + <li><code>firefox</code>: Firefox Desktop</li> + <li><code>fennec</code>: Firefox for Android</li> + <li><code>thunderbird</code>: Thunderbird</li> + <li><code>seamonkey</code>: SeaMonkey</li> + <li>Any application UUID</li> + </ul> + + <p>Example:</p> + + <pre> +<code> "engines": { + "firefox": ">=38.0a1", + "fennec": ">=38.0a1" + }</code></pre> + </td> + </tr> + <tr> + <td id="fullName"><code>fullName</code> {{deprecated_inline}}</td> + <td> + <div class="note"><strong>Note:</strong> This is deprecated along with <code>cfx</code>; it's not available when using <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</div> + + <p>The full name of the package. It can contain spaces.</p> + + <p>If this key is present, its value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#name"><code>em:name</code></a> element in its <code>install.rdf</code>.</p> + </td> + </tr> + <tr> + <td id="harnessClassID"><code>harnessClassID</code> {{deprecated_inline}}</td> + <td> + <div class="note"><strong>Note:</strong> This is deprecated along with <code>cfx</code>; it's not available when using <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</div> + + <p>String in the <a href="https://developer.mozilla.org/en-US/docs/Generating_GUIDs">GUID format</a>.</p> + + <p>This is used as a <a href="https://developer.mozilla.org/en-US/docs/Creating_XPCOM_Components/An_Overview_of_XPCOM#CID"><code>classID</code></a> of the "harness service" XPCOM component. Defaults to a random GUID generated by <code>cfx</code>.</p> + </td> + </tr> + <tr> + <td id="homepage"><code>homepage</code></td> + <td> + <p>The URL of the add-on's website.</p> + + <p>This value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#homepageURL"><code>em:homepageURL</code></a> element in its <code>install.rdf</code>.</p> + </td> + </tr> + <tr> + <td id="icon"><code>icon</code></td> + <td> + <p>The path to an image file containing the icon for the add-on. Optional: you can have no icon field in package.json and put your icon named "icon.png" in the root directory of your add-on. If no icon is specified, the standard add-on icon will be used by default.</p> + + <div class="warning"> + <p>When using <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>, using a relative path to the data directory (to make it re-usable for add-on HTML content) does not work.</p> + + <p>You can generate the URL to your add-on icon in the data directory using the URL format below, where "your-addon-name" is the value in the name field of package.json.</p> + + <p>resource://@your-addon-name/data/your-icon-name.png</p> + </div> + + <p>This value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#iconURL"><code>em:iconURL</code></a> element in its <code>install.rdf</code>.</p> + + <p>The icon may be up to 48x48 pixels in size. A larger icon is will work, but may either scaled and possibly distorted) or might break parts of Firefox UI. (If you test this, please add the result here.)</p> + + <p>This can also be an object with the image size as key and the (absolute) location of the image as value. JPM looks for the sizes 64, 48 and 32.</p> + </td> + </tr> + <tr> + <td id="icon64"><code>icon64</code> {{deprecated_inline}}</td> + <td> + <div class="note"> + <p><strong>Note:</strong> This is deprecated along with <code>cfx</code>; it's not available when using <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</p> + </div> + + <p><span style="background-color: rgba(212, 221, 228, 0.14902);">The path to an image</span> containing the large icon for the add-on. Defaults to <code>icon64.png</code>. If you don't provide an icon here, the same icon as specified by <code>icon</code> will be used.</p> + + <p>This value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#icon64URL"><code>em:icon64URL</code></a> element in its <code>install.rdf</code>.</p> + + <p>The icon may be up to 64x64 pixels in size.</p> + </td> + </tr> + <tr> + <td><code>id</code></td> + <td> + <p>A globally unique identifier for the add-on.</p> + + <p>This value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#id"><code>em:id</code></a> element in its <code>install.rdf</code>.</p> + + <p>See the <a href="/en-US/Add-ons/SDK/Guides/Program_ID">Program ID documentation</a>.</p> + </td> + </tr> + <tr> + <td><code>lib</code></td> + <td> + <p>String representing the top-level module directory provided in this add-on. Defaults to "lib".</p> + + <div class="note"> + <p><strong>Note:</strong> This is deprecated along with <code>cfx</code> and is not available when using <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</p> + </div> + </td> + </tr> + <tr> + <td id="license"><code>license</code></td> + <td> + <p>The name of the license under which the add-on is distributed, with an optional URL in parentheses. Defaults to <code>"MPL-2.0"</code>.</p> + + <div class="note"> + <p><strong>Note</strong>: It is recommended that you use an <a href="https://spdx.org/licenses/">SPDX license ID</a>.</p> + </div> + </td> + </tr> + <tr> + <td><code>locales</code></td> + <td> + <p>An object holding <a href="/en-US/docs/Glossary/JSON">JSON</a> objects referenced by a <a href="https://wiki.mozilla.org/L10n:Locale_Codes">locale name</a> that use the following keys: <code>title</code>, <code>description</code> and <code>homepage</code>. These JSON objects will be used to localizations for the add-on's meta data shown within the Add-ons Manager.</p> + + <p>See the documentation for <a href="/en-US/Add-ons/SDK/Tutorials/l10n#Using_localized_strings_in_add-on_meta_data">how to localize the add-on's meta data</a>.</p> + </td> + </tr> + <tr> + <td id="main"><code>main</code></td> + <td> + <p>A string representing the name of a program module that is located in one of the top-level module directories specified by <a href="/en-US/Add-ons/SDK/Tools/package_json#lib"><code>lib</code></a>. Defaults to <code>"index.js"</code>.</p> + </td> + </tr> + <tr> + <td><code>name</code></td> + <td> + <p>The add-on's name. This name cannot contain spaces or periods, and defaults to the name of the parent directory.</p> + + <p>When the add-on is built as an XPI, if the <a href="/en-US/Add-ons/SDK/Tools/package_json#fullName"><code>fullName</code></a> and <a href="/en-US/Add-ons/SDK/Tools/package_json#title"><code>title</code></a> keys are not present, <code>name</code> is used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#name"><code>em:name</code></a> element in its <code>install.rdf</code>.</p> + </td> + </tr> + <tr> + <td id="packages"><code>packages</code></td> + <td> + <div class="note"> + <p><strong>Note:</strong> This is deprecated along with <code>cfx</code> and is not available when using <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</p> + </div> + + <p>A string pointing to a directory containing additional packages. Defaults to <code>"packages"</code>.</p> + </td> + </tr> + <tr> + <td id="permissions"><code>permissions</code></td> + <td> + <p>A set of permissions that the add-on needs.</p> + + <p><strong><code>private-browsing</code></strong>: a boolean indicating whether or not the add-on supports private browsing. If this value is not <code>true</code> or is omitted, then the add-on will not see any private windows or objects, such as tabs, that are associated with private windows. See the documentation for the <a href="/en-US/Add-ons/SDK/High-Level_APIs/private-browsing"><code>private-browsing</code> module</a>.</p> + + <p><strong><code>cross-domain-content</code></strong>: a list of domains for which content scripts are given cross-domain privileges to access content in iframes or to make XMLHTTPRequests. See the documentation for <a href="/en-US/Add-ons/SDK/Guides/Content_Scripts/Cross_Domain_Content_Scripts">enabling cross-domain content scripts</a>.</p> + + <p><strong><code>multiprocess</code></strong>: a Boolean value declaring whether this add-on is, or is not, compatible with <a href="/en-US/Add-ons/Working_with_multiprocess_Firefox">multiprocess Firefox</a>.</p> + + <div class="note"> + <p><strong>Note</strong> the <code>multiprocess</code> permission is not supported by <a href="/en-US/Add-ons/SDK/Tools/cfx">cfx</a>.</p> + </div> + </td> + </tr> + <tr> + <td id="preferences"><code>preferences</code></td> + <td> + <p>An array of <a href="/en-US/docs/Glossary/JSON">JSON</a> objects that use the following keys: <code>name</code>,<code>type</code>, <code>value</code>, <code>title</code>, and <code>description</code>. These JSON objects will be used to create a preferences interface for the add-on in the Add-ons Manager.</p> + + <p>See the documentation for the <a href="/en-US/Add-ons/SDK/High-Level_APIs/simple-prefs"><code>simple-prefs</code> module</a>.</p> + </td> + </tr> + <tr> + <td id="preferences-branch"><code>preferences-branch</code></td> + <td>Use this to specify an alternative branch for your add-on's simple-prefs. See <a href="/en-US/Add-ons/SDK/High-Level_APIs/simple-prefs#Simple-prefs_in_the_preferences_system">"Simple-prefs in the preferences system"</a> for more details.</td> + </tr> + <tr> + <td><code>title</code></td> + <td> + <p>The human-readable title of the package; this can contain spaces.</p> + + <p>If this key is present, its value will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#name"><code>em:name</code></a> element in its <code>install.rdf</code>.</p> + </td> + </tr> + <tr> + <td id="translators"><code>translators</code></td> + <td> + <p>An array of strings listing the people who contributed to the localization of this add-on.</p> + + <p>These values will be used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#translator"><code>em:translator</code></a> elements in its <code>install.rdf</code>.</p> + + <div class="note"><strong>Note:</strong> <a href="https://developer.mozilla.org/Add-ons/SDK/Tools/jpm">jpm</a> supports <a href="https://docs.npmjs.com/files/package.json#people-fields-author-contributors">NodeJS people fields</a>.</div> + </td> + </tr> + <tr> + <td id="unpack"><code>unpack</code></td> + <td> + <p>Same as the <code><a href="/en-US/Add-ons/Install_Manifests#unpack">unpack</a></code> in an <code>install.rdf</code> file.</p> + + <p>Useful when the extension contains binaries.</p> + </td> + </tr> + <tr> + <td id="updateKey"><code>updateKey</code></td> + <td> + <p>Same as the <code><a href="/en-US/Add-ons/Install_Manifests#updateKey">updateKey</a></code> in an <code>install.rdf</code> file.</p> + + <p>See <a href="/en-US/Add-ons/SDK/Tools/jpm#Supporting_updates_for_self-hosted_add-ons">Supporting updates for self-hosted add-ons</a>.</p> + + <div class="note"> + <p><strong>Note:</strong> This key is only available with <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</p> + </div> + </td> + </tr> + <tr> + <td id="updateLink"><code>updateLink</code></td> + <td> + <p>Same as the <code><a href="/en-US/docs/Extension_Versioning%2C_Update_and_Compatibility#Securing_Updates">updateLink</a></code> for an <code>update.rdf</code> file. Previously was <code><a href="/en-US/Add-ons/SDK/Tools/cfx#updateURL_and_updateLink">--update-link in cfx</a></code>.</p> + + <p>See <a href="/en-US/Add-ons/SDK/Tools/jpm#Supporting_updates_for_self-hosted_add-ons">Supporting updates for self-hosted add-ons</a>.</p> + + <div class="note"> + <p><strong>Note:</strong> This key is only available with <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</p> + </div> + </td> + </tr> + <tr> + <td id="updateURL"><code>updateURL</code></td> + <td> + <p>Same as the <code><a href="/en-US/Add-ons/Install_Manifests#updateURL">updateURL</a></code> for an <code>install.rdf</code> file.</p> + + <p>See <a href="/en-US/Add-ons/SDK/Tools/jpm#Supporting_updates_for_self-hosted_add-ons">Supporting updates for self-hosted add-ons</a>.</p> + + <div class="note"> + <p><strong>Note:</strong> This key is only available with <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a>.</p> + </div> + </td> + </tr> + <tr> + <td id="version"><code>version</code></td> + <td> + <p>String representing the version of the add-on. Defaults to "0.0.1".</p> + + <p>This value is used as the add-on's <a href="https://developer.mozilla.org/en-US/docs/Install_Manifests#version"><code>em:version</code></a> element in its <code>install.rdf</code>.</p> + + <div class="note"> + <p><strong>Note:</strong> For <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a> the version must be a valid <a href="http://semver.org/">semver</a>.</p> + </div> + </td> + </tr> + </tbody> +</table> + +<p> </p> diff --git a/files/tr/mozilla/add-ons/sdk/tutorials/getting_started_(jpm)/index.html b/files/tr/mozilla/add-ons/sdk/tutorials/getting_started_(jpm)/index.html new file mode 100644 index 0000000000..20e08ba28f --- /dev/null +++ b/files/tr/mozilla/add-ons/sdk/tutorials/getting_started_(jpm)/index.html @@ -0,0 +1,174 @@ +--- +title: Başlarken(jpm) +slug: Mozilla/Add-ons/SDK/Tutorials/Getting_Started_(jpm) +translation_of: Archive/Add-ons/Add-on_SDK/Tutorials/Getting_Started_(jpm) +--- +<p>{{AddonSidebar}}</p> + +<div class="note"> +<p>The Add-on SDK includes a command-line tool that you use to initialize, run, test, and package add-ons. The current tool is called jpm, and is based on <a href="http://nodejs.org/">Node.js</a>. It replaces the old cfx tool.</p> + +<p>You can use jpm from Firefox 38 onwards.</p> + +<p>This article describes how to develop using jpm.</p> +</div> + +<p>This tutorial walks through creating a simple add-on using the SDK.</p> + +<h2 id="Ön_koşullar">Ön koşullar</h2> + +<p>SDK kullanarak Firefox eklentisi oluşturmak için şu şartların sağlanması gerekir:</p> + +<ul> + <li>Firefox'un 38 ve üs versiyonu. Eğer Firefox'un önceki bir versiyonu ile çalışmanız gerekirse, cfx aracını kullanmanız gerekecektir. <a href="/en-US/Add-ons/SDK/Tutorials/Getting_started_(cfx)">getting started with cfx</a>.</li> + <li>the command-line jpm tool. See the instructions for <a href="/en-US/Add-ons/SDK/Tools/jpm#Installation">installing jpm</a>. Once you've done that, you'll be looking at a command prompt.</li> +</ul> + +<h2 id="Boş_bir_eklenti_başlatma">Boş bir eklenti başlatma</h2> + +<p>Komut satırında, yeni bir dizin oluşturun. Dizine gidin<code>, jpm init </code>komutunu verin ve enter'a basın:</p> + +<div class="note"> +<p><code>mkdir </code>komutu yeni bir dizin oluşturur. <code>cd </code>komutu ise belirtilen dizine gider.</p> +</div> + +<pre>mkdir eklentim +cd eklentim +jpm init +</pre> + +<p> </p> + +<p>Sizden eklentiniz hakkındaki bilgileri sağlamanız istenecektir: bu bilgiler eklentinizin <a href="/en-US/Add-ons/SDK/Tools/package_json">package.json</a> dosyasını oluşturmak için kullanılır. Enter'a basın ve varsayılan değerleri kabul edin (Daha sonra package.json dosyasından bu verileri değiştirebilirsiniz). <code>jpm init</code> hakkında daha fazla bilgi için <a href="/en-US/Add-ons/SDK/Tools/jpm#Command_reference">jpm komut referansı</a> adresine bakınız</p> + +<p>İstenilen değerleri girdikten veya varsayılan değerleri atadıktan hemen sonra, "package.json" dosyasındaki tüm içerik görüntülenir ve size eklentiniz hakkındaki bu bilgileri kabul edip etmediğiniz sorulur. Devam edebilmek için istenilen komut ile kabul edin.</p> + +<h2 id="Eklentiyi_hazır_hale_getirme">Eklentiyi hazır hale getirme</h2> + +<p>Şimdi eklentinizin kodunu yazabilirsiniz. Unless you've changed the value of "entry point" ("<a href="/en-US/Add-ons/SDK/Tools/package_json#main">main</a>" in package.json), this goes in "index.js" file in the root of your add-on. This file was created for you in the previous step. Open it and add the following code:</p> + +<pre class="brush: js">var buttons = require('sdk/ui/button/action'); +var tabs = require("sdk/tabs"); + +var button = buttons.ActionButton({ + id: "mozilla-link", + label: "Visit Mozilla", + icon: { + "16": "./icon-16.png", + "32": "./icon-32.png", + "64": "./icon-64.png" + }, + onClick: handleClick +}); + +function handleClick(state) { + tabs.open("http://www.mozilla.org/"); +} +</pre> + +<div class="note"> +<p>Note that "entry point" defaults to "index.js" in jpm, meaning that your main file is "index.js", and it is found directly in your add-on's root.</p> + +<p>In cfx, the entry point defaults to "main.js", and is located in the "lib" directory under the add-on's root.</p> +</div> + +<p>Kaydedin.</p> + +<p>Sonra, eklenti dizinine "<strong>data</strong>" isimli bir klasör oluşturun,</p> + +<pre>mkdir data +</pre> + +<p>ve şu üç ikonu "data" klasörüne kaydedin:</p> + +<table class="standard-table"> + <tbody> + <tr> + <td><img alt="" src="https://mdn.mozillademos.org/files/7635/icon-16.png" style="height: 16px; width: 16px;"></td> + <td>icon-16.png</td> + </tr> + <tr> + <td><img alt="" src="https://mdn.mozillademos.org/files/7637/icon-32.png" style="height: 32px; width: 32px;"></td> + <td>icon-32.png</td> + </tr> + <tr> + <td><img alt="" src="https://mdn.mozillademos.org/files/7639/icon-64.png" style="height: 64px; width: 64px;"></td> + <td>icon-64.png</td> + </tr> + </tbody> +</table> + +<p>Komut satırıne geri dönün ve şu komutu verin:</p> + +<pre>jpm run</pre> + +<p>Bu jpm komutu, yaptığınız bu temel eklentinin hazır bir örneğini Firefox tarayıcınızda açacaktır.</p> + +<p>If Firefox can not be located, you may need to provide the path to it (example in Ubuntu):</p> + + +<pre>jpm run -b /usr/bin/firefox</pre> + +<p>Firefox açıldığında, tarayıcının sağ üst köşesinde Firefox logosu görülecektir. Logoya tıkladığınızda, tarayıcıda <a href="http://www.mozilla.org/" rel="noreferrer">http://www.mozilla.org/</a> adresine giden yeni bir sekme açılır ve eklenti hazırdır.</p> + +<p>It uses two SDK modules: the <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_action">action button</a> module, which enables you to add buttons to the browser, and the <a href="/en-US/Add-ons/SDK/High-Level_APIs/tabs" rel="noreferrer">tabs</a> module, which enables you to perform basic operations with tabs. In this case, we've created a button whose icon is the Firefox icon, and added a click handler that loads the Mozilla home page in a new tab.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/7643/mozilla-button.png" style="display: block; height: 221px; margin-left: auto; margin-right: auto; width: 382px;">Try editing this file. For example, we could change the page that gets loaded:</p> + +<pre class="brush: js">var buttons = require('sdk/ui/button/action'); +var tabs = require("sdk/tabs"); + +var button = buttons.ActionButton({ + id: "mozilla-link", + label: "Visit Mozilla", + icon: { + "16": "./icon-16.png", + "32": "./icon-32.png", + "64": "./icon-64.png" + }, + onClick: handleClick +}); + +function handleClick(state) { + tabs.open("https://developer.mozilla.org/"); +}</pre> + +<p>At the command prompt, execute <code>jpm run</code> again. This time clicking it takes you to <a href="https://developer.mozilla.org/">https://developer.mozilla.org/</a>.</p> + +<h2 id="Packaging_the_add-on">Packaging the add-on</h2> + +<p>When you've finished the add-on and are ready to distribute it, you'll need to package it as an XPI file. This is the installable file format for Firefox add-ons. You can distribute XPI files yourself or publish them to <a href="https://addons.mozilla.org" rel="noreferrer">https://addons.mozilla.org</a> so other users can download and install them.</p> + +<p>To build an XPI, just execute the command <code>jpm xpi</code> from the add-on's directory:</p> + +<pre>jpm xpi +</pre> + +<p>You should see a message like:</p> + +<pre>JPM info Successfully created xpi at /path/to/my-addon/@my-addon-0.0.1.xpi +</pre> + +<p>To test that this worked, try installing the XPI file in your own Firefox installation. You can do this by pressing the Ctrl+O key combination (Cmd+O on Mac) from within Firefox, or selecting the "Open" item from Firefox's "File" menu. This will bring up a file selection dialog: navigate to the "@my-addon.xpi" file, open it and follow the prompts to install the add-on.</p> + +<p>Note that Firefox by default requires add-ons, even locally developed ones, to be signed. After installation they'll show up disabled in the list of installed add-ons, noting the missing signature. During development, or if you don't plan to distribute, you can open <a>about:config</a> and set <em>xpinstall.signatures.required</em> to <em>false</em> to run it unsigned. This setting applies to any add-on, so take extra care to not accidently install a malicious one from elsewhere.</p> + +<p>To distribute your add-on, <a href="https://addons.mozilla.org/en-US/developers/addon/submit/2">submit the XPI file to addons.mozilla.org</a> or run <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/Tools/jpm#jpm_sign">jpm sign</a> if you wish to distribute the add-on on your own server.</p> + +<h2 id="Özet">Özet</h2> + +<p>In this tutorial we've built and packaged an add-on using three commands:</p> + +<ul> + <li><code>jpm init</code> to initialize an empty add-on template</li> + <li><code>jpm run</code> to run a new instance of Firefox with the add-on installed, so we can try it out</li> + <li><code>jpm xpi</code> to package the add-on into an XPI file for distribution</li> +</ul> + +<p>These are the three main commands you'll use when developing SDK add-ons. There's comprehensive <a href="/en-US/Add-ons/SDK/Tools/jpm" rel="noreferrer">reference documentation</a> covering all the commands you can use and all the options they take.</p> + +<p>The add-on code itself uses two SDK modules, <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_action">action button</a> and <a href="/en-US/Add-ons/SDK/High-Level_APIs/tabs" rel="noreferrer">tabs</a>. There's reference documentation for all the <a href="/en-US/Add-ons/SDK/High-Level_APIs" rel="noreferrer">high-level</a> and <a href="/en-US/Add-ons/SDK/Low-Level_APIs" rel="noreferrer">low-level</a> APIs in the SDK.</p> + +<h2 id="What's_next">What's next?</h2> + +<p>To get a feel for some of the things you can do with the SDK APIs, try working through some of the <a href="/en-US/Add-ons/SDK/Tutorials" rel="noreferrer">tutorials</a>.</p> diff --git a/files/tr/mozilla/add-ons/sdk/tutorials/index.html b/files/tr/mozilla/add-ons/sdk/tutorials/index.html new file mode 100644 index 0000000000..56ae76c9d4 --- /dev/null +++ b/files/tr/mozilla/add-ons/sdk/tutorials/index.html @@ -0,0 +1,158 @@ +--- +title: Tutorials +slug: Mozilla/Add-ons/SDK/Tutorials +translation_of: Archive/Add-ons/Add-on_SDK/Tutorials +--- +<div class="warning"> +<p>Support for extensions using XUL/XPCOM or the Add-on SDK was removed in Firefox 57, released November 2017. As there is no supported version of Firefox enabling these technologies, this page will be removed by December 2020.</p> + +<p>Add-ons using the techniques described in this document are considered a legacy technology in Firefox. Don't use these techniques to develop new add-ons. Use <a href="/en-US/Add-ons/WebExtensions">WebExtensions</a> instead. If you maintain an add-on which uses the techniques described here, consider migrating it to use WebExtensions.</p> + +<p><strong>Starting from <a href="https://wiki.mozilla.org/RapidRelease/Calendar">Firefox 53</a>, no new legacy add-ons will be accepted on addons.mozilla.org (AMO) for desktop Firefox and Firefox for Android.</strong></p> + +<p><strong>Starting from <a href="https://wiki.mozilla.org/RapidRelease/Calendar">Firefox 57</a>, only extensions developed using WebExtensions APIs will be supported on Desktop Firefox and Firefox for Android. </strong></p> + +<p>Even before Firefox 57, changes coming up in the Firefox platform will break many legacy extensions. These changes include multiprocess Firefox (e10s), sandboxing, and multiple content processes. Legacy extensions that are affected by these changes should migrate to use WebExtensions APIs if they can. See the <a href="https://blog.mozilla.org/addons/2017/02/16/the-road-to-firefox-57-compatibility-milestones/">"Compatibility Milestones" document</a> for more information.</p> + +<p>A wiki page containing <a href="https://wiki.mozilla.org/Add-ons/developer/communication">resources, migration paths, office hours, and more</a>, is available to help developers transition to the new technologies.</p> +</div> + +<p>This page lists practical hands-on articles about how to accomplish specific tasks using the SDK.</p> + +<hr> +<h3 id="Başlarken">Başlarken</h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tools/jpm#Installation">Yükleme </a></dt> + <dd>Eklentileri geliştirmek için kullanacağınız jpm aracı nasıl yüklenir.</dd> +</dl> + +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Troubleshooting">Sorun giderme</a></dt> + <dd> + <div id="gt-src-tools"> + <div dir="ltr" style="zoom: 1;"><span id="result_box" lang="tr"><span class="hps">Ortak sorunları</span> <span class="hps">tespit etmek</span> <span class="hps">ve</span> <span class="hps">daha fazla</span> <span class="hps">yardım almak</span> <span class="hps">için bazı</span> <span class="hps">göstericiler</span><span>.</span></span></div> + </div> + </dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Getting_Started_(jpm)">Başlarken</a></dt> + <dd>jpm kullanarak, SDK ile basit bir eklenti yaratmanın gidiş yolu.</dd> +</dl> +</div> +</div> + +<hr> +<h3 id="Kullanıcı_Arayüzü_Yaratma">Kullanıcı Arayüzü Yaratma</h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Adding_a_Button_to_the_Toolbar">Araç çubuğu butonu ekleme</a></dt> + <dd>Attach a button to the Firefox Add-on toolbar.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Menu_Item_to_Firefox">Firefox'a bir menü nesnesi ekleme</a></dt> + <dd>Add items to Firefox's main menus.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Display_a_Popup">Bir açılır pencere gösterme</a></dt> + <dd>Display a popup dialog implemented with HTML and JavaScript.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item">Bir içerik menüsü nesnesi ekleme</a></dt> + <dd>Add items to Firefox's context menu.</dd> +</dl> +</div> +</div> + +<hr> +<h3 id="Interact_with_the_browser"><a name="interact-with-the-browser">Interact with the browser</a></h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Open_a_Web_Page">Open a web page </a></dt> + <dd>Open a web page in a new browser tab or window using the tabs module, and access its content.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Listen_for_Page_Load">Listen for page load </a></dt> + <dd>Use the tabs module to get notified when new web pages are loaded, and access their content.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/List_Open_Tabs">Get the list of open tabs </a></dt> + <dd>Use the tabs module to iterate through the currently open tabs, and access their content.</dd> +</dl> +</div> +</div> + +<hr> +<h3 id="Modify_web_pages"><a name="modify-web-pages">Modify web pages</a></h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Modifying_Web_Pages_Based_on_URL">Modify web pages based on URL </a></dt> + <dd>Create filters for web pages based on their URL: whenever a web page whose URL matches the filter is loaded, execute a specified script in it.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Modifying_the_Page_Hosted_by_a_Tab">Modify the active web page </a></dt> + <dd>Dynamically load a script into the currently active web page.</dd> +</dl> +</div> +</div> + +<hr> +<h3 id="Development_techniques"><a name="development-techniques">Development techniques</a></h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Logging">Logging </a></dt> + <dd>Log messages to the console for diagnostic purposes.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Creating_reusable_modules">Creating reusable modules </a></dt> + <dd>Structure your add-on in separate modules to make it easier to develop, debug, and maintain. Create reusable packages containing your modules, so other add-on developers can use them too.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Unit_testing">Unit testing </a></dt> + <dd>Writing and running unit tests using the SDK's test framework.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Chrome_authority">Chrome authority </a></dt> + <dd>Get access to the Components object, enabling your add-on to load and use any XPCOM object.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Creating_event_targets">Creating event targets </a></dt> + <dd>Enable the objects you define to emit their own events.</dd> +</dl> +</div> + +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Listening_for_load_and_unload">Listen for load and unload </a></dt> + <dd>Get notifications when your add-on is loaded or unloaded by Firefox, and pass arguments into your add-on from the command line.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Using_third-party_modules_(jpm)">Using third-party modules (jpm)</a></dt> + <dd>Install and use additional modules which don't ship with the SDK itself.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/l10n">Localization </a></dt> + <dd>Writing localizable code.</dd> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Mobile_development">Mobile development </a></dt> + <dd>Develop add-ons for Firefox Mobile on Android.</dd> + <dt><a href="/en-US/Add-ons/Add-on_Debugger">Add-on Debugger</a></dt> + <dd>Debug your add-on's JavaScript.</dd> +</dl> +</div> +</div> + +<hr> +<h3 id="Putting_it_together"><a name="putting-it-together">Putting it together</a></h3> + +<div class="column-container"> +<div class="column-half"> +<dl> + <dt><a href="/en-US/Add-ons/SDK/Tutorials/Annotator">Annotator add-on </a></dt> + <dd>A walkthrough of a relatively complex add-on.</dd> +</dl> +</div> +</div> diff --git a/files/tr/mozilla/developer_guide/index.html b/files/tr/mozilla/developer_guide/index.html new file mode 100644 index 0000000000..24fcdd9a32 --- /dev/null +++ b/files/tr/mozilla/developer_guide/index.html @@ -0,0 +1,107 @@ +--- +title: Developer guide +slug: Mozilla/Developer_guide +tags: + - Developing Mozilla + - Landing + - Mozilla + - NeedsTranslation + - TopicStub +translation_of: Mozilla/Developer_guide +--- +<p>Mozilla projesine katkıda bulunmanın birçok yolu vardır: kodlama, test etme, derleme sürecini ve araçlarını iyileştirme veya belgelere katkıda bulunma<span class="seoSummary">. </span>Bu kılavuz, yalnızca bir Mozilla katılımcısı olarak başlamanıza yardımcı olmayacak, aynı zamanda deneyimli bir katılımcı olsanız bile başvurmak için yararlı bulacağınız bilgiler sağlar.</p> + +<div class="row topicpage-table"> +<div class="section"> +<h2 class="Documentation" id="Doküman_konuları">Doküman konuları</h2> + +<dl> + <dt><a href="/en-US/docs/Introduction" title="Introduction">Getting Started</a></dt> + <dd>Mozilla'ya dahil olmak için adım adım başlangıç kılavuzu.</dd> + <dt><a href="/en-US/docs/Mozilla/Developer_guide/Articles_for_new_developers">For new Mozilla developers</a></dt> + <dd>Yeni Mozilla geliştiricileri için özellikle yararlı olan bir makale dizini.</dd> +</dl> + +<dl> + <dt><a class="internal" href="/en-US/docs/Developer_Guide/Source_Code" title="en-US/docs/Developer_Guide/Source_Code">Working with Mozilla Source Code</a></dt> + <dd>A code overview, how to get the code, and the coding style guide.</dd> + <dt><a class="internal" href="/en-US/docs/Developer_Guide/Build_Instructions" title="en-US/docs/Developer_Guide/Build_Instructions">Build Instructions</a></dt> + <dd>How to build Firefox, Thunderbird, SeaMonkey, or other Mozilla applications.</dd> + <dt><a class="internal" href="/en-US/docs/Developer_Guide/Editor_Configuration" title="en-US/docs/Developer_Guide/Editor_Configuration">Editor Configuration</a></dt> + <dd>Tips on setting up your favorite IDE or text editor to work with Mozilla projects.</dd> + <dt><a href="/en-US/docs/Developer_Guide/Development_process_overview" title="en-US/docs/Developer Guide/Development process overview">Development process overview</a></dt> + <dd>An overview of the entire Mozilla development process.</dd> + <dt><a href="/en-US/docs/Mozilla/Multiple_Firefox_Profiles" title="en-US/docs/Mozilla/Multiple_Firefox_Profiles">Managing multiple profiles</a></dt> + <dd>When working with prerelease versions of Firefox, it's often helpful to have multiple Firefox profiles, such as one for each channel, or for different kinds of testing.</dd> + <dt><a class="internal" href="/en-US/docs/Mozilla_automated_testing" title="en-US/docs/Mozilla automated testing">Automated Testing</a></dt> + <dd>How to run Mozilla's automated tests, and how to write new tests.</dd> + <dt><a class="internal" href="/en-US/docs/Developer_Guide/How_to_Submit_a_Patch" title="en-US/docs/Getting your patch in the tree">How to submit a patch</a></dt> + <dd>After getting your patch written, you need to get it checked into the tree. This article explains the review process and how to get your patch approved.</dd> + <dt><a href="/en-US/docs/Developer_Guide/Getting_documentation_updated" title="en-US/docs/Developer_Guide/Getting documentation updated">Getting documentation updated</a></dt> + <dd>How to ensure that documentation is kept up to date as you develop.</dd> + <dt><a class="internal" href="/en-US/docs/Mozilla_Modules_and_Module_Ownership" title="en-US/docs/Mozilla Modules and Module Ownership">Mozilla modules and module ownership</a></dt> + <dd>This article provides information about Mozilla's modules, what the role of a module owner is, and how module owners are selected.</dd> + <dt><a class="internal" href="/en-US/docs/Code_snippets" title="en-US/docs/Code_snippets">Code snippets</a></dt> + <dd>Useful code samples for a wide variety of things you might need to figure out how to do.</dd> + <dt><a class="internal" href="/en-US/docs/Mozilla_Development_Strategies" title="en-US/docs/Mozilla Development Strategies">Mozilla development strategies</a></dt> + <dd>Tips for how to make the most of your time working on the Mozilla project.</dd> + <dt><a class="internal" href="/en-US/docs/Debugging" title="en-US/docs/Debugging">Debugging</a></dt> + <dd>Find helpful tips and guides for debugging Mozilla code.</dd> + <dt><a href="/en-US/docs/Performance" title="en-US/docs/Performance">Performance</a></dt> + <dd>Performance guides and utilities to help you make your code perform well (and to play nicely with others).</dd> + <dt><a class="internal" href="/en-US/docs/The_Mozilla_platform" title="en-US/docs/The Mozilla platform">The Mozilla platform</a></dt> + <dd>Information about the workings of the Mozilla platform.</dd> + <dt><a href="/en-US/docs/Developer_Guide/Adding_APIs_to_the_navigator_object" title="en-US/docs/Developer_Guide/Adding_APIs_to_the_navigator_object">Adding APIs to the navigator object</a> {{ gecko_minversion_inline("9.0") }}</dt> + <dd>How to augment the {{ domxref("window.navigator") }} object with additional APIs.</dd> + <dt><a href="/en-US/docs/Developer_Guide/Interface_Compatibility" title="en-US/docs/Developer Guide/Interface Compatibility">Interface Compatibility</a></dt> + <dd>Guidelines for modifying scriptable and binary APIs in Mozilla.</dd> + <dt><a href="/en-US/docs/Developer_Guide/Customizing_Firefox" title="en-US/docs/Developer Guide/Customizing Firefox">Customizing Firefox</a></dt> + <dd>Information about creating customized versions of Firefox.</dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Task_graph" title="en-US/docs/Developer Guide/Customizing Firefox">Task-Graph Generation</a></dt> + <dd>What controls the jobs that run on a push to version control? How can you change that?</dd> + <dt><a href="/en-US/docs/Developer_Guide/Virtual_ARM_Linux_environment" title="Virtual ARM Linux environment">Virtual ARM Linux environment</a></dt> + <dd>How to set up an ARM emulator running Linux for testing ARM-specific, but not necessarily platform-specific, code. Useful for mobile developers.</dd> + <dt><a href="/en-US/docs/Introduction/Obsolete_Build_Caveats_and_Tips" title="Obsolete Build Caveats and Tips">Obsolete Build Caveats and Tips</a></dt> + <dd>A place to put build tips which are no longer relevant to building the latest version of the code from main but are relevant when building old codebases.</dd> +</dl> +</div> + +<div class="section"> +<h2 class="Tools" id="Tools">Tools</h2> + +<dl> + <dt><a class="link-https" href="https://bugzilla.mozilla.org/" title="https://bugzilla.mozilla.org/">Bugzilla</a></dt> + <dd>The <a class="internal" href="/en-US/docs/Bugzilla" title="en-US/docs/Bugzilla">Bugzilla</a> database used to track issues for Mozilla projects.</dd> + <dt><a href="https://dxr.mozilla.org/">DXR</a></dt> + <dd>Next generation of searching Mozilla's source code. In active development.</dd> + <dt><a href="https://www.searchfox.org/">SearchFox</a></dt> + <dd>Another option for Mozilla code searching. Indexes JS as well as C++, includes blame capabilities. In active development.</dd> + <dt><a class="internal" href="/en-US/docs/Mercurial" title="en-US/docs/Mercurial">Mercurial</a></dt> + <dd>The distributed version-control system used to manage Mozilla's source code.</dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide/Using_the_VM">Mozilla build VM</a></dt> + <dd>A VirtualBox compatible virtual machine configured with all the software needed to build and work on Firefox.</dd> + <dt><a class="external" href="https://docs.taskcluster.net">TaskCluster</a></dt> + <dd>TaskCluster is the task execution framework that supports Mozilla's continuous integration and release processes.</dd> + <dt><a class="external" href="https://treeherder.mozilla.org/">Treeherder</a></dt> + <dd>Treeherder shows the status of the tree (whether or not it currently builds successfully). Check this before checking in and out, to be sure you're working with a working tree.</dd> + <dt><a href="https://treeherder.mozilla.org/perf.html">Perfherder</a></dt> + <dd>Perfherder is used to aggregate the results of automated performance tests against the tree.</dd> + <dt><a class="internal" href="/en-US/docs/Crash_reporting" title="en-US/docs/Crash reporting">Crash tracking</a></dt> + <dd>Information about the <a class="link-https" href="https://crash-reports.mozilla.com/reports">Socorro</a> crash reporting system.</dd> + <dt><a href="/en-US/docs/Developer_Guide/Callgraph" title="en-US/docs/Developing Mozilla/Callgraph">Callgraph</a></dt> + <dd>A tool to help perform static analysis of the Mozilla code by generating callgraphs automatically.</dd> + <dt><a class="external" href="https://www.mozilla.org/community/developer-forums.html">Developer forums</a></dt> + <dd>A topic-specific list of discussion forums where you can talk about Mozilla development issues.</dd> + <dt><a class="external" href="http://www.codefirefox.com/cheatsheet/">Mozilla Platform Development Cheat Sheet</a></dt> + <dd>Brian Bondy's list of frequently referenced information for platform developers.</dd> + <dt><a class="external" href="http://www.codefirefox.com/videos/">Firefox development video tutorials</a></dt> + <dd>Brian Bondy's video tutorials on Firefox development.</dd> +</dl> +</div> +</div> + + + +<div id="gtx-trans" style="position: absolute; left: 579px; top: 293px;"> +<div class="gtx-trans-icon"></div> +</div> diff --git a/files/tr/mozilla/developer_guide/kaynak_kod/index.html b/files/tr/mozilla/developer_guide/kaynak_kod/index.html new file mode 100644 index 0000000000..9e3fc517df --- /dev/null +++ b/files/tr/mozilla/developer_guide/kaynak_kod/index.html @@ -0,0 +1,55 @@ +--- +title: Mozilla kaynak kodu ile çalışmak +slug: Mozilla/Developer_guide/Kaynak_Kod +tags: + - Firefox + - Geliştirme + - Kaynak + - Mozilla + - kaynak kodu + - thunderbird +translation_of: Mozilla/Developer_guide/Source_Code +--- +<p>Aşağıdaki makale Mozilla kaynak koduna erişmenize, keşfetmenize ve önereceğiniz değişiklikleri ağaca nasıl entegre edeceğiniz konusunda yardımcı olacak.</p> + +<div class="row topicpage-table"> +<div class="section"> +<dl> + <dt><a class="internal" href="/en-US/docs/Mozilla/Developer_guide/Source_Code/Mercurial">Mercurial kullanarak kaynak koduna erişim sağlayın</a></dt> + <dd>Eğer Mozilla projesine katkı sağlayacaksanız, en iyi yöntem versiyon kontrol deposudur. Buradan nasıl yapılacağını öğrenin.</dd> + <dt><a href="/en-US/docs/Mozilla/Developer_guide/Using_the_VM">Önceden hazırlanmış Mozilla sanal makinesi</a></dt> + <dd>Başlamanın en kolay yolu: önceden programlama araçları yüklü olan bir sanal makine kullanın. Sadece sanal makineyi açıp programlamanıza bakın!</dd> + <dt><a href="/en-US/docs/Mozilla/Developer_guide/Source_Code/Downloading_Source_Archives">Kaynak kodunu indirin</a></dt> + <dd>Belli bir Mozilla ürününün belli bir sürümü için kaynak kodunu indirecekseniz, bir kaynak kod arşivi indirebilirsiniz.</dd> + <dt> + <p dir="ltr"><strong><a href="/en-US/docs/Mozilla/Tech/Viewing_and_searching_Mozilla_source_code_online">Mozilla kaynak kodunu çevrimiçi olarak aramak veya içine bakmak</a></strong></p> + </dt> + <dd>MXR, Mozilla'nın kaynak kodu için çevrimiçi arama ve gezinme aracıdır. Bu, kod indirmenin sağlıklı bir yöntemi değildir, fakat onu aramanın iyi bir yoludur.</dd> + <dt><a href="/en/Mozilla_Source_Code_Directory_Structure">Mozilla kaynak kodunda gezinmek</a></dt> + <dd>Mozilla kod ağacındaki çeşitli klasörler ve onları nasıl bulacağınız hakkında bilgi edinin.</dd> + <dt><a href="/en/Introduction#Find_a_bug_we%27ve_identified_as_a_good_fit_for_new_contributors.">Yeni gelenler için bug'lar</a></dt> + <dd>Eğer projeye yeniyseniz ve çalışacak bir şeyler arıyorsanız, buraya bakın.</dd> +</dl> +</div> + +<div class="section"> +<dl> + <dt><a href="/en-US/Developer_Guide/Coding_Style">Mozilla kod stili rehberi</a></dt> + <dd>Bu kod stili nasıl kodunuzu formatlamanız gerektiğini gösterir, böylece eleştirmenler tarafından alay edilmezsiniz.</dd> + <dt><a href="/en-US/Developer_Guide/Interface_development_guide">Arayüz programlama rehberi</a></dt> + <dd>XPCOM arayüzlerini nasıl oluşturacağınız ve güncelleyeceğiniz hakkında rehber ve dokümanlar.</dd> + <dt><a href="/en-US/docs/Mozilla/Developer_guide/CSS_Guidelines">Firefox kod tabanı: CSS rehber makaleleri</a></dt> + <dd>Bu dokümanlar size Firefox kod tabanındaki CSS'in nasıl yazılacağı hakkında bilgi sağlar, Firefox'un front-end mühendisleri için kayda değer biçimde uygundur.</dd> + <dt><a href="/en-US/docs/Mozilla/Developer_guide/SVG_Guidelines">SVG temizleme rehberi</a></dt> + <dd>Yeni SVG'leri doldurmak için en iyi rehberler ve pratikleri içerir. </dd> + <dt><a href="https://wiki.mozilla.org/Build:TryServer">Sunucuları deneyin</a></dt> + <dd>Mozilla ürünleri en az üç platformda çalışmak üzere yapılır. Hepsine erişiminiz yoksa, deneme sunucularını kullanıp yamalarınızı deneyebilir ve testlerden geçtiğinize emin olabilirsiniz.</dd> + <dt><a href="/en/Creating_a_patch">Yama oluşturmak</a></dt> + <dd>Bir kere Mozilla koduna değişiklik yaptığınız zaman çalıştığından emin olduktan sonra yapmanız gereken şey bir yama yapmak ve inceleme için sunmaktır. </dd> + <dt><a href="https://www.mozilla.org/hacking/committer/">Kaynak koda erişim izni almak</a></dt> + <dd>Çoğunluğa, gururlu insanlara, izin alan kişilere katılmaya hazır mısınız? Mozilla koduna check-in erişim sağlamayı inceleyin.</dd> + <dt><a href="/en-US/Developer_Guide/Source_Code/CVS">CVS'den eski Mozilla kodlarına erişim sağlayın</a></dt> + <dd>Mozilla kaynak kodunun eski versiyonu NSS ve NSPR'nin yeni versiyonları gibi, CVS deposunda durmaktadır. Ayrıntılı bilgi için bu başlığa göz atın.</dd> +</dl> +</div> +</div> diff --git a/files/tr/mozilla/eklentiler/index.html b/files/tr/mozilla/eklentiler/index.html new file mode 100644 index 0000000000..528c0ed7cf --- /dev/null +++ b/files/tr/mozilla/eklentiler/index.html @@ -0,0 +1,107 @@ +--- +title: Eklentiler +slug: Mozilla/Eklentiler +tags: + - Eklentiler + - Landing + - Mozilla + - uzantılar +translation_of: Mozilla/Add-ons +--- +<div class="summary">Mozilla uygulamalarını değiştirin ve genişletin.</div> + +<p><span class="seoSummary">Eklentiler<a href="/en-US/docs/Mozilla/Gecko">, Gecko</a>-tabanlı uygulamalara (Firefox,SeaMonkey ve Thunderbird gibi) yeni fonksiyonellikler eklerler. İki çeşit ana eklenti tipi vardır:</span> <a href="#Extensions">Uzantılar</a>, uygulamaya yeni özellikler eklerler, ve <a href="#Themes">Temalar</a> ise kullanıcı arayüzünü modifiye ederler.</p> + +<p>Her iki eklenti tipi için Mozilla, AMO diye bilinen, <a href="https://addons.mozilla.org/">addons.mozilla.org</a>'da bir dizinde çalışır. <a href="/en-US/Add-ons/Submitting_an_add-on_to_AMO">AMO'ya gönderdiğiniz eklentiler</a>, gözden geçirilir ve incelemeyi geçtikten sonra kullanıcılara uygun hale gelir. Eklentiler AMO'ya gönderilmek zorunda değildir, ama gönderilirse, kullanıcılar gözden geçirilmiş eklentilere güvenebilirler ve kullanışlı eklentiler için bir kaynak olan AMO görünürlüğünden faydalanabilirsiniz.</p> + +<p>Eklentiler, onları barındıran uygulamanın davranışını büyük ölçüden etkileyebilirler. Bu sebeple eklentilerin, kullanıcılara iyi bir deneyim sağlamasına yardım etmek için <a href="/en-US/docs/Mozilla/Add-ons/Add-on_guidelines">kuralları</a> geliştirdik.Bu kurallar, eklenti <a href="https://addons.mozilla.org/">addons.mozilla.org</a>'da barındırılsın ya da barındırlmasın, bütün eklentiler için geçerlidir.</p> + +<hr> +<h2 id="Uzantılar_2"><a id="Uzantılar" name="Uzantılar">Uzantılar</a></h2> + +<p>Uzantılar, Firefox ve Thunderbird gibi Mozilla uygulamarına yeni fonksiyonellikler eklerler. Sekmeleri yönetmek için farklı bir yol gibi yeni özellikler ekleyebilir veya belirli web sitelerinin kullanılabilirliğini ve güvenliğini atırmak için web içeriğini değiştirebilirler.</p> + +<p>Uzantıları yaratabileceğiniz üç farklı teknik vardır: Add-on SDK-tabanlı uzantılar, manüel olarak önyüklenmiş yeniden başlatma gerektirmeyen uzantılar, legacy uzantılar.</p> + +<ul class="card-grid"> + <li><span><a href="https://developer.mozilla.org/en-US/Add-ons/SDK">Add-on SDK uzantıları</a></span><br> + Yüksek seviyede bir dizi JavaScript API'leri kullanılarak inşa edilirler. Yüklenmeleri için tarayıcının yeniden başlatılmasına gerek yoktur.</li> + <li><span><a href="/en-US/Add-ons/Bootstrapped_extensions">Yeniden başlatma gerektirmeyen uzantılar</a></span><br> + Yüklenmeleri için tarayıcının yeniden başlatılmasına gerek olmayan uzantılardır.</li> + <li><a href="/en-US/Add-ons/Overlay_Extensions"><span>Legacy extensions</span></a><br> + Legacy uzantılar yüklenirken tarayıcının yeniden başlatılmasına ihtiyaç duyarlar, genelde <a href="/en-US/docs/Mozilla/Tech/XUL/Overlays">XUL overlays</a> kullanılır.</li> +</ul> + +<div class="note"> +<p><strong>WebExtensions</strong></p> + +<p>Biz, WebExtensions olarak adlandırılan ve Firefox için ve aynı zaman Google ve Opera tarafından kullanılanılan sistemlerle büyük ölçüde uyumlu olacak, eklenti geliştirmenin yeni bir yolu olan bir sistem üzerinde çalışıyoruz.</p> + +<p>Gelecekte, Firefox için tercih edilen bir uygulama geliştirme yolu olacaktır.</p> + +<p>Şu anda bu uygulama deneyseldir, ama yine de bir göz atmak isterseniz <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions">see the docs here</a> bağlantısından dökümanlara ulaşabilirsiniz.</p> +</div> + +<p>Eğer yapabiliyorsanız, yeniden başlatma gerektirmeyen mekanızmayı kullanan Add-on SDK-tabanlı tekniği kullanmak uygundur, eğer bu teknik sizin ihtiyacınız için yeterli değilse, manuel olanı, JavaScript API'leri kullanmayan ikinci yöntemi uygulayın.</p> + +<p>Teknik seçiminde daha fazla bilgi için, okuyun <a href="/en-US/Add-ons/Comparing_Extension_Toolchains">comparison</a>.</p> + +<h3 id="Hata_ayıklama">Hata ayıklama</h3> + +<p>Eklenti geliştirmede, hangi satırlarda hatalar yapıldığını görmek hata ayıklama olmadan mümkün değildir. Masaüstü için <a href="/en-US/Add-ons/Overlay_Extensions/XUL_School/Setting_Up_a_Development_Environment">Setting Up a Development Environment</a>, mobil için(Android/iOS) <a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE">Debugging Firefox for Android with WebIDE</a> 'ya göz atın. Mobil cihazlarda meydana gelen hataları yakalamak için masaüstü tarayıcı araçlarından WebIDE kullanılır.</p> + +<div class="column-container"> +<div class="column-half"> +<h3 id="Önerilen_Pratikler">Önerilen Pratikler</h3> + +<p>Uzantınızı hangi teknikle geliştirdiğinizin önemi olmamasına rağmen, mümkün olduğunca iyi bir kullanıcı deneyimi sağlaması için birkaç yönerge vardır.</p> + +<dl> + <dt><a href="/en-US/Add-ons/Performance_best_practices_in_extensions">Performans</a></dt> + <dd>Uzantınızın hızlı, duyarlı ve bellek-tasarruflu olmasını sağlamak için.</dd> + <dt><a href="/en-US/Add-ons/Security_best_practices_in_extensions">Güvenlik</a></dt> + <dd>Zararlı web sitelerinin uzantınızı etkisi altına almamasını sağlamak için.</dd> + <dt><a href="/en-US/Add-ons/Extension_etiquette">Etiquette</a></dt> + <dd>uzantınızın diğer uzantılar ile uyum içerisinde çalışması için.</dd> +</dl> +</div> + +<div class="column-half"> +<h3 id="Uygulama_Özel">Uygulama Özel</h3> + +<p>Çoğu dokümantasyon, masaüstü Firefox için geliştirme yapıyor olduğunuz varsayar. Eğer diğer bir Gecko tabanlı uygulama için geliştirme yapıyorsanız, bilmeniz gereken başlıca farklılıklar vardır.</p> + +<dl> + <dt><a href="/en-US/Add-ons/Thunderbird">Thunderbird</a></dt> + <dd>Thunderbird mail istemcisi için uzantılar geliştirmek için.</dd> + <dt><a href="/en-US/Add-ons/Firefox_for_Android">Firefox Android</a></dt> + <dd>Firefox Android için uzantılar geliştirmek için.</dd> + <dt><a href="/en-US/Add-ons/SeaMonkey_2">SeaMonkey</a></dt> + <dd><a href="http://www.seamonkey-project.org/">SeaMonkey</a> yazılım takımı için uzantılar geliştirmek için.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Temalar"><a name="Themes">Temalar</a></h2> + +<p>Temalar, kullanıcı arayüzünü ihtiyaca göre düzenleyebileceğiniz eklentilerdir. İki çeşit tema vardır: <a href="/Add-ons/Themes/Background">Lightweight </a>temalar ve<a href="/en-US/docs/Themes"> complete </a>temalar.</p> + +<div class="column-container"> +<div class="column-half"> +<p><a href="/Add-ons/Themes/Background">Lightweight temalar</a>, diğerine göre uygulanması daha basittir, fakat sağladığı düzenleme alanı çok limitlidir.</p> +</div> + +<div class="column-half"> +<p><a href="/en-US/docs/Themes">Complete temalar</a> ile kullanıcı arayüzünde daha derin modifikasyonlar yapabilirsiniz. Complete temaların dökümantasyonu güncel değildir, ancak olası güncelleştirmeler aynı linke bağlıdır.</p> +</div> +</div> + +<hr> +<h2 id="Diğer_çeşit_eklentiler">Diğer çeşit eklentiler</h2> + +<p><a href="/en-US/docs/Creating_OpenSearch_plugins_for_Firefox">Search engine plugins</a> basit ve özel bir çeşit eklenti tipidir: arama alanına yeni bir arama motoru eklerler.</p> + +<p><strong><a href="/en-US/docs/Plugins">Plugins</a> </strong>help the application understand web content that it does not natively support. NPAPI plugins are a legacy technology and new sites should not use them. In general, plugins are not available on most modern mobile systems including, and websites should transition away from using plugins.</p> + +<div>{{AddonSidebar}}</div> diff --git a/files/tr/mozilla/eklentiler/webextensions/deneyiminize_web-ext_ile_başlayın/index.html b/files/tr/mozilla/eklentiler/webextensions/deneyiminize_web-ext_ile_başlayın/index.html new file mode 100644 index 0000000000..810b551b81 --- /dev/null +++ b/files/tr/mozilla/eklentiler/webextensions/deneyiminize_web-ext_ile_başlayın/index.html @@ -0,0 +1,335 @@ +--- +title: Deneyiminize web-ext ile başlayın +slug: Mozilla/Eklentiler/WebExtensions/Deneyiminize_web-ext_ile_başlayın +translation_of: Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext +--- +<div>{{AddonSidebar}}</div> + +<p class="summary">Web-ext bir komut satır aracı olmakla birlikte uygulamaların gelistirmesinde kısmen yardımcı olup bu süreci kolaylaştırmaktadır. Bu Makale web-ext'in yüklenmesi ve çalıştırılması hakkında bilgiler içermektedir.</p> + +<h2 id="Installation">Installation</h2> + +<p><code>web-ext</code> bir node.js bazlı (açık kaynaklı, işlem bazlı ve ölçeklenebilir) uygulama olup <a href="https://nodejs.org/">nodejs/npm</a> aracı ile yükleyebilirsiniz. Web-ext'in yüklenmesi için kullanılması gereken komut:</p> + +<pre class="brush: bash"><code>npm install --global web-ext</code></pre> + +<p><code>web-ext</code> requires the current <a href="https://github.com/nodejs/Release#release-schedule">LTS</a> (long-term support) version of <a href="https://nodejs.org/">NodeJS</a>.</p> + +<p>To test whether the installation worked run the following command, which displays the <code>web-ext</code> version number:</p> + +<pre class="brush: bash"><code>web-ext --version</code></pre> + +<h2 id="Using_web-ext">Using web-ext</h2> + +<p>Before you start using <code>web-ext</code> locate an example extension to use—if you don't have one, use one from the <a href="https://github.com/mdn/webextensions-examples">webextensions-examples</a> repo.</p> + +<h3 id="Testing_out_an_extension">Testing out an extension</h3> + +<p>Test an extension in Firefox by <code>cd</code>'ing into your extension's root directory and entering:</p> + +<pre class="brush: bash"><code>web-ext run</code></pre> + +<p>This starts Firefox and loads the extension temporarily in the browser, just as you can on the <a href="/en-US/docs/Tools/about:debugging#Add-ons">about:debugging page</a>. Note that this <code>web-ext</code> method has the same <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Temporary_Installation_in_Firefox#Limitations">limitations regarding prompts for permissions and restart features</a> as about:debugging.</p> + +<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run reference guide</a> to learn more.</p> + +<h3 id="Automatic_extension_reloading">Automatic extension reloading</h3> + +<p>The <code>run</code> command watches your source files and tells Firefox to reload the extension after you edit and save a file. For example, if you changed the <code>name</code> property in your <code>manifest.json</code> file, Firefox displays the new name. This makes it easy to try out new features because you can see the effect immediately. The automatic reloading feature is active by default, you use it like this:</p> + +<pre class="brush: bash"><code>web-ext run</code></pre> + +<p>You can also press the <code>r</code> key in the <code>web-ext</code> terminal to trigger an extension reload.</p> + +<p>If you experience unexpected behavior with the reloading feature, please <a href="https://github.com/mozilla/web-ext/issues">file a bug</a>. You can also disable reloading like this:</p> + +<pre class="brush: bash"><code>web-ext run --no-reload</code></pre> + +<div class="note"> +<p>Extension reloading is only supported in Firefox 49 or higher.</p> +</div> + +<h3 id="Testing_in_different_versions_of_Firefox">Testing in different versions of Firefox</h3> + +<p>To run your extension in a version of <a href="https://www.mozilla.org/en-US/firefox/">Firefox Desktop</a> other than the default, use the <code>--firefox</code> option to specify a full path to the binary file. Here is an example for Mac OS:</p> + +<pre class="brush: bash">web-ext run --firefox=/Applications/FirefoxNightly.app/Contents/MacOS/firefox-bin</pre> + +<p>On Windows, the path needs to include <code>firefox.exe</code>, for example:</p> + +<pre class="brush: bash">web-ext run --firefox="C:\Program Files\Mozilla Firefox\firefox.exe"</pre> + +<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run command</a> reference to learn more.</p> + +<h3 id="Testing_in_Firefox_48">Testing in Firefox 48</h3> + +<p>Firefox 48 was the first stable version to use the WebExtension platform, but it doesn't allow <code>web-ext</code> to install an extension remotely. You need to run your extension in Firefox 48 using:</p> + +<pre class="brush: bash">web-ext run --pre-install</pre> + +<h3 id="Testing_in_Firefox_for_Android">Testing in Firefox for Android</h3> + +<p>To run your extension in <a href="https://www.mozilla.org/en-US/firefox/mobile/">Firefox for Android</a>, follow these instructions to <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Developing_WebExtensions_for_Firefox_for_Android#Set_up_your_computer_and_Android_emulator_or_device">set up your computer and device</a>.</p> + +<p>With your device connected to your development computer, run:</p> + +<pre class="brush: bash">web-ext run --target=firefox-android</pre> + +<p>This command displays the device ID for your connected Android device or devices. If you don't see a list of device IDs, make sure you set up the device for development correctly.</p> + +<p><span style="background-color: #ffffff;">N</span>ow, add the device ID to the command:</p> + +<pre class="brush: bash">web-ext run --target=firefox-android --android-device=<device ID></pre> + +<p>If you've multiple versions of Firefox installed, you may need to choose a specific version. For example:</p> + +<pre class="brush: bash">web-ext run --target=firefox-android ... --firefox-apk=org.mozilla.firefox</pre> + +<p>The first time you run this command, you may need to grant Android permissions for the APK. This is because the command needs read/write access to the device storage, so that Firefox for Android can run on a temporary profile. The <code>web-ext</code> output guides you in how to grant these permissions.</p> + +<p>The <code>web-ext</code> command does not alter any of your existing Firefox for Android preferences or data. To see more information about how <code>web-ext</code> is interacting with your device, run the command with <code>--verbose</code>.</p> + +<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run command</a> reference to learn more.</p> + +<h3 id="Debugging_in_Firefox_for_Android">Debugging in Firefox for Android</h3> + +<p>When using <code>web-ext run</code> to test an extension on Firefox for Android, you'll notice a message like this in the console output:</p> + +<pre>You can connect to this Android device on TCP port 51499 +</pre> + +<p>This is a remote debugger port that you can <a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android#Connecting">connect to with Firefox's developer tools</a>. In this case, you'd connect to host <code>localhost</code> on port <code>51499</code>.</p> + +<p>See <a href="/en-US/Add-ons/WebExtensions/Developing_WebExtensions_for_Firefox_for_Android#Debug_your_extension">this guide</a> for more information about debugging an extension on Firefox for Android.</p> + +<h3 id="Testing_unsigned_extensions">Testing unsigned extensions</h3> + +<p>When you execute <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">web-ext run</a>, the extension gets installed temporarily until you close Firefox. This does not violate any signing restrictions. If instead you create a zip file with <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_build">web-ext build</a> and try to install it into Firefox, you will see an error telling you that the add-on is not signed. You will need to use an <a href="https://wiki.mozilla.org/Addons/Extension_Signing#Unbranded_Builds">unbranded build</a> or use a <a href="https://www.mozilla.org/en-US/firefox/developer/">development build</a> to install unsigned extensions.</p> + +<h3 id="Using_a_custom_profile">Using a custom profile</h3> + +<p>By default, the <code>run</code> command will create a temporary Firefox profile. To run your extension with a specific profile use the <code>--firefox-profile</code> option, like this:</p> + +<pre class="brush: bash">web-ext run --firefox-profile=your-custom-profile</pre> + +<p>This option accepts a string containing the name of your profile or an absolute path to the profile directory. This is helpful if you want to manually configure some settings that will always be available to the <code>run</code> command.</p> + +<h3 id="Keeping_profile_changes">Keeping profile changes</h3> + +<p>The <code>run</code> command does not save any changes made to the custom profile specified by <code>--firefox-profile</code>. To keep changes, add this option:</p> + +<pre class="brush: bash">web-ext run --keep-profile-changes --firefox-profile=your-custom-profile</pre> + +<p>This may be helpful if your extension has many different run states.</p> + +<div class="warning"> +<p>This option makes the profile specified by <code>--firefox-profile</code> completely insecure for daily use. It turns off auto-updates and allows silent remote connections, among other things. Specifically, it will make destructive changes to the profile that are required for <code>web-ext</code> to operate.</p> +</div> + +<h3 id="Packaging_your_extension">Packaging your extension</h3> + +<p>Once you've tested your extension and verified that it's working, you can turn it into a package for submitting to <a href="https://addons.mozilla.org">addons.mozilla.org</a> using the following command:</p> + +<pre class="brush: bash"><code>web-ext build</code></pre> + +<p>This outputs a full path to the generated <code>.zip</code> file that can be loaded into a browser.</p> + +<div class="warning"> +<p>The generated <code>.zip</code> file doesn't work on Firefox without signing or adding <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/applications">applications</a>.gecko.id</code> key into <code><a href="/en-US/Add-ons/WebExtensions/manifest.json">manifest.json</a></code>. For more information, please refer <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID">WebExtensions and the Add-on ID</a> page.</p> +</div> + +<p><code>web-ext build</code> is designed to ignore files that are commonly not wanted in packages, such as <code>.git</code>, <code>node_modules</code>, and other artifacts.</p> + +<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_build">build reference guide</a> to learn more.</p> + +<h3 id="Signing_your_extension_for_self-distribution">Signing your extension for self-distribution</h3> + +<p>As an alternative to publishing your extension on <a href="https://addons.mozilla.org/">addons.mozilla.org</a>, you can self-host your package file but it needs to be <a href="https://developer.mozilla.org/Add-ons/Distribution">signed by Mozilla</a> first. The following command packages and signs a ZIP file, then returns it as a signed XPI file for distribution:</p> + +<pre class="brush: bash"><code>web-ext sign --api-key=$AMO_JWT_ISSUER --api-secret=$AMO_JWT_SECRET </code></pre> + +<p>The API options are required to specify your <a href="https://addons.mozilla.org/en-US/developers/addon/api/key/">addons.mozilla.org credentials</a>.</p> + +<ul> + <li><code>--api-key</code>: the API key (JWT issuer) from <code>addons.mozilla.org</code> needed to sign the extension. This is a string that will look something like <code>user:12345:67</code>.</li> + <li><code>--api-secret</code>: the API secret (JWT secret) from <code>addons.mozilla.org</code> needed to sign the extension. This is a string that will look something like <code>634f34bee43611d2f3c0fd8c06220ac780cff681a578092001183ab62c04e009</code>.</li> +</ul> + +<div class="blockIndicator warning"> +<p>If you've <a href="/en-US/docs/Mozilla/Add-ons/Distribution/Submitting_an_add-on">listed</a> the extension on <a href="https://addons.mozilla.org">addons.mozilla.org</a>, see <a href="#Signing_a_test_version_of_a_listed_extension">Signing a test version of a listed extension</a>.</p> +</div> + +<p>See the <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_sign">sign reference guide</a> to learn more.</p> + +<h3 id="Signing_extensions_without_an_explicit_ID">Signing extensions without an explicit ID</h3> + +<p><code>web-ext</code> supports signing extensions that do not declare the <a href="/en-US/Add-ons/WebExtensions/manifest.json/applications">applications.gecko.id</a> property in their manifest. The first time you sign an extension without an explicit ID, <a href="https://addons.mozilla.org/">addons.mozilla.org</a> will generate an ID and <code>web-ext</code> will save it to <code>.web-extension-id</code> in the working directory. You should save the ID file so that you can sign future versions of the same extension. If you lose the ID file, you will have to add back the <code>applications.gecko.id</code> property or use the <code>--id</code> option when signing, for example:</p> + +<pre class="brush: bash"><code>web-ext sign --api-key=... --api-secret=... --id="</code>{c23c69a7-f889-447c-9d6b-7694be8035bc}<code>"</code></pre> + +<h3 id="Signing_in_a_restricted_environment">Signing in a restricted environment</h3> + +<p>If you're working in an environment that restricts access to certain domains, you can try using a proxy when signing:</p> + +<pre class="brush: bash"><code>web-ext sign --api-key=... --api-secret=... --api-proxy=https://yourproxy:6000</code></pre> + +<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--api-proxy">--api-proxy</a> option to learn more.</p> + +<p>The following domains are used for signing and downloading files:</p> + +<ul> + <li><code>addons.mozilla.org</code></li> + <li><code>addons.cdn.mozilla.net</code></li> +</ul> + +<h3 id="Signing_a_test_version_of_a_listed_extension">Signing a test version of a listed extension</h3> + +<p>If you've <a href="/en-US/docs/Mozilla/Add-ons/Distribution/Submitting_an_add-on">listed</a> an extension on <a href="https://addons.mozilla.org">addons.mozilla.org</a>, use <code>web-ext</code> to create a signed but <a href="/en-US/docs/Mozilla/Add-ons/Distribution/Submitting_an_add-on#Self-distribution">unlisted</a> version for testing purposes. For example, you may wish to distribute an alpha or beta version to users for early feedback and testing.</p> + +<p>First, change the version number in your <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a> so that it is different from the latest listed version. Then, create the unlisted version by using the <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference#web-ext_sign">--channel</a></code> option like this:</p> + +<pre class="brush: bash">web-ext sign --channel=unlisted --api-key=... --api-secret=...</pre> + +<p>This signs and downloads an XPI file that can be installed into Firefox.</p> + +<p>Once you've finished testing, <strong>to publish the extension you must define</strong> <code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference#web-ext_sign">--channel</a></code><strong> as listed</strong>, as the channel option defaults to the one used previously. So, after incrementing the version in your <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a>, run:</p> + +<pre class="brush: bash">web-ext sign --channel=listed --api-key=... --api-secret=...</pre> + +<p>This publishes and submits your extension for review as if you had uploaded it to <a href="https://addons.mozilla.org">addons.mozilla.org</a>.</p> + +<div class="warning"> +<p>Setting <code>--channel=listed</code> for a new version of a listed extension is not well supported. It uploads your new version to <a class="external external-icon" href="https://addons.mozilla.org" rel="noopener">addons.mozilla.org</a> as if you'd <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/Distribution/Submitting_an_add-on">submitted it manually</a>. However, the command will fail and you'll have to check <a href="https://addons.mozilla.org/developers/addons">addons.mozilla.org/developers/addons</a> for the correct status.</p> +</div> + +<p>See the <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_sign">sign reference guide</a> to learn more.</p> + +<h3 id="Checking_for_code_lint">Checking for code "lint"</h3> + +<p>Before trying out your extension with the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_run">run</a> command or submitting your package to <a href="https://addons.mozilla.org/en-US/firefox/">addons.mozilla.org</a>, use the <code>lint</code> command to make sure your <a href="/en-US/Add-ons/WebExtensions/manifest.json">manifest</a> and other source files do not contain any errors. You can also set <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_specific_settings">strict_min_version</a> in your extension’s manifest file and lint will report on the permissions, manifest keys, and web extension APIs used that are not available in that version. Example:</p> + +<pre class="brush: bash">web-ext lint</pre> + +<p>This uses the <a href="https://github.com/mozilla/addons-linter">addons-linter</a> library to walk through your source code directory and report any errors, such as the declaration of an unknown permission.</p> + +<p>See the <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#web-ext_lint">lint reference guide</a> to learn more.</p> + +<h3 id="Setting_option_defaults_in_a_configuration_file">Setting option defaults in a configuration file</h3> + +<p>You can specify <code>--config=my-config.js</code> to set default values for any option. Here is an example with the <code>build</code> command:</p> + +<pre class="brush: bash">web-ext --config=my-config.js build</pre> + +<p>The file should be a CommonJS module <a href="https://nodejs.org/docs/latest/api/modules.html#modules_modules">as understood by NodeJS</a> and must export each configuration value. Here is how you would set the default value of <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--verbose_-v">--verbose</a> to <code>true</code>:</p> + +<pre class="brush: javascript">module.exports = { + verbose: true, +};</pre> + +<p>If you want to specify options that only apply to a specific command, you nest the configuration under the command name. Here is an example of adding configuration for <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--overwrite-dest_-o">--overwrite-dest</a> that only applies to the <code>build</code> command as well as <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--firefox_-f">--firefox</a> that only applies to the <code>run</code> command:</p> + +<pre class="brush: javascript">module.exports = { + // Global options: + verbose: true, + // Command options: + build: { + overwriteDest: true, + }, + run: { + firefox: 'nightly', + }, +};</pre> + +<p>To create a configuration key for a command line option, you remove the preceding dashes and convert the name to camel case. As you can see from this example, <code>--overwrite-dest</code> was converted to <code>overwriteDest</code>.</p> + +<p>If an option can be specified multiple times on the command line then you define it as an array. For example, here is how to specify multiple <a href="/en-US/Add-ons/WebExtensions/web-ext_command_reference#--ignore-files_-i">--ignore-files</a> patterns:</p> + +<pre class="brush: javascript">module.exports = { + ignoreFiles: [ + 'package-lock.json', + 'yarn.lock', + ], +};</pre> + +<p><code>web-ext</code> will also try to load its configuration options from a <code>"webExt"</code> property included in the <code>package.json</code> file in the current directory:</p> + +<pre>{ + "name": "an-extension-src-dir-with-a-package-json", + "version": "1.0.0", + ... + "webExt": { + <span class="blob-code-inner blob-code-marker-addition"><span class="pl-s">"sourceDir": "dist/extension/"</span></span> + } +} +</pre> + +<h3 id="Automatic_discovery_of_configuration_files">Automatic discovery of configuration files</h3> + +<p><code>web-ext</code> will load existing configuration files in the following order:</p> + +<ul> + <li>A config file named <code>.web-ext-config.js</code> in your home directory, for example: + + <ul> + <li>On Windows: <code>C:\Users\<username>\.web-ext-config.js</code></li> + <li>On macOS: <code>/Users/<username>/.web-ext-config.js</code></li> + <li>On Linux: <code>/home/<username>/.web-ext-config.js</code></li> + </ul> + </li> + <li>A config property named <code>"webExt"</code> included in a <code>package.json</code> file in the current directory.</li> + <li>A config file named <code>web-ext-config.js</code> in the current directory.</li> +</ul> + +<p>If a home directory config and a local directory config define the same option, the value from the latter file will be used.</p> + +<p>To disable automatic loading of configuration files, set this option:</p> + +<pre class="brush: bash">web-ext --no-config-discovery run</pre> + +<p>To diagnose an issue related to config files, re-run your command with <code>--verbose</code>. This will tell you which config file affected which option value.</p> + +<h3 id="Specifying_different_source_and_destination_directories">Specifying different source and destination directories</h3> + +<p>The preceding commands use default directories for the extension source and artifact creation (for example, built <code>.zip</code> files). The defaults are:</p> + +<ul> + <li>Source: The directory you are in.</li> + <li>Artifacts: A directory called <code>./web-ext-artifacts</code>, created inside the current directory.</li> +</ul> + +<p>You can specify different source and destination directories using the <code>--source-dir</code> and <code>--artifacts-dir</code> options when running your commands. Their values can be relative or absolute paths, but must always be specified as strings. Here is an example of specifying both options when building an extension:</p> + +<pre class="brush: bash"><code>web-ext build --source-dir=webextension-examples/notify-link-clicks-i18n --artifacts-dir=zips</code></pre> + +<h3 id="Outputting_verbose_messages">Outputting verbose messages</h3> + +<p>To see in detail what web-ext is doing when you run a command, include the <code>--verbose</code> option. For example:</p> + +<pre class="brush: bash"><code>web-ext build --verbose</code></pre> + +<h3 id="Viewing_all_commands_and_options">Viewing all commands and options</h3> + +<p>You can list all commands and options like this:</p> + +<pre class="brush: bash"><code>web-ext --help</code></pre> + +<p>You can list options for a specific command by adding it as an argument:</p> + +<pre class="brush: bash"><code>web-ext --help run</code></pre> + +<h3 id="Detecting_temporary_installation">Detecting temporary installation</h3> + +<p>Your extension can detect whether it was installed using <code>web-ext run</code>, rather than as a built and signed extension downloaded from <code>addons.mozilla.org</code>. Listen for the {{WebExtAPIRef("runtime.onInstalled")}} event and check the value of <code>details.temporary</code>.</p> + +<h3 id="Using_web-ext_from_a_script">Using web-ext from a script</h3> + +<p>You can use <code>web-ext</code> as a <code>NodeJS</code> module. Here is <a href="https://github.com/mozilla/web-ext#using-web-ext-in-nodejs-code">more information</a>, with example code.</p> + +<h2 id="See_also">See also</h2> + +<ul> + <li><a class="external external-icon" href="https://github.com/mozilla/web-ext">web-ext repo</a></li> + <li> + <p><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference">web-ext command reference</a></p> + </li> +</ul> diff --git a/files/tr/mozilla/eklentiler/webextensions/eklenti_nedir/index.html b/files/tr/mozilla/eklentiler/webextensions/eklenti_nedir/index.html new file mode 100644 index 0000000000..2b63208d65 --- /dev/null +++ b/files/tr/mozilla/eklentiler/webextensions/eklenti_nedir/index.html @@ -0,0 +1,68 @@ +--- +title: Eklenti nedir? +slug: Mozilla/Eklentiler/WebExtensions/Eklenti_nedir +tags: + - Eklentiler + - Web eklentileri +translation_of: Mozilla/Add-ons/WebExtensions/What_are_WebExtensions +--- +<div>{{AddonSidebar}}</div> + +<p> </p> + +<p>Bir eklenti bir web tarayıcısına özellikler ve fonksiyonlar ekler. Eklenti, Html, Css ve Javascript gibi benzer web tabanlı teknolojilerle oluşturulur. Bir web sayfasındaki JavaScript ile aynı web API'larından yararlanabilir, ancak bir uzantının kendi JavaScript API kümesine de erişimi vardır. Bu sizin eklenti ile bir web sayfasında yapabileceğinizden daha fazla şeyi yapabileceğiniz anlamına gelir. İşte yapabileceğiniz şeylere birkaç örnek:</p> + +<p><strong>Bir web sitesini geliştirin veya tamamlayın</strong>: Web sitenizden ek tarayıcı içi özellikler veya bilgi sunmak için bir eklenti kullanın. Kullanıcıların, sunduğunuz hizmeti iyileştirmek için ziyaret ettikleri sayfalardan ayrıntıları toplamasına izin verin.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15808/Amazon_add_on.png"></p> + +<p>Örnekler: <a href="https://addons.mozilla.org/en-US/firefox/addon/amazon-browser-bar/">Amazon Assistant for Firefox</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/onenote-clipper/">OneNote Web Clipper</a>, and <a href="https://addons.mozilla.org/en-US/firefox/addon/grammarly-1/">Grammarly for Firefox</a></p> + +<p><strong>Kullanıcıların kişiselleştirmesine izin verin</strong>: Tarayıcı eklentisi web sayfalarındaki içeriği değiştirebilir. Örneğin kullanıcılar ziyaret ettiği bir sayfada sevdiği bir logoyu veya resmi arkaplan resmi olarak ekleyebilir. Eklentiler kullanıcılara Firefox UI arayüzünü güncelleştirmelerine izin verebilir. Aynı yolla <a href="https://developer.mozilla.org/en-US/Add-ons/Themes/Theme_concepts">bağımsız tema eklentileri</a> yapabilir.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15809/MyWeb_New_Tab_add_on.png" style="height: 398px; width: 540px;"></p> + +<p>Örnekler: <a href="https://addons.mozilla.org/en-US/firefox/addon/myweb-new-tab/">MyWeb New Tab</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/tabliss/">Tabliss</a>, ve <a href="https://addons.mozilla.org/en-US/firefox/addon/vivaldifox/">VivaldiFox</a></p> + +<p><strong>Web sayfasına içerik ekleyin veya silin</strong>: Kullanıcıların web sayfalarındaki rahatsız edici reklamları engellemelerine, bir web sayfasında bir ülke veya şehir söz konusu olduğunda bir seyahat rehberine erişim sağlamasına veya tutarlı bir okuma deneyimi sunmak için sayfa içeriğini yeniden biçimlendirmesine yardımcı olmak isteyebilirsiniz. Hem sayfanın hem HTML hem de CSS’ye erişme ve bunları güncelleme yeteneği sayesinde, eklentiler kullanıcıların web’i istedikleri gibi görmelerine yardımcı olabilir.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15807/ublock_origin_add_on.png" style="height: 480px; width: 640px;"></p> + +<p>Örnekler: <a href="https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">uBlock Origin</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/reader/">Reader</a>, ve <a href="https://addons.mozilla.org/en-US/firefox/addon/toolbox-google-play-store/">Toolbox for Google Play Store™</a></p> + +<p><strong>Araçlar ve yeni gözatma özellikleri ekleyin</strong>: Görev çubuğuna yeni özellikler ekleyin, ya da linklerden, sayfadaki yazıdan, resimlerden kare kod oluşturun. Esnek UI seçenekleri ve <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions">WebExtensions API</a>'lerinin gücü ile bir tarayıcıya kolayca yeni özellikler ekleyebilir ve herhangi bir web sitesinin özelliğini veya fonksiyonunu artırabilirsiniz. </p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15806/QR_Code_Image_Generator_add_on.png"></p> + +<p>Örnekler: <a href="https://addons.mozilla.org/en-US/firefox/addon/qr-code-image-generator/">QR Code Image Generator</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/swimlanes-for-trello/">Swimlanes for Trello</a>, ve <a href="https://addons.mozilla.org/en-US/firefox/addon/tomato-clock/">Tomato Clock</a></p> + +<p><strong>Oyunlar</strong>: çevrimdışı özellikli oyun sunun ya da yeni oyun özelliklerini keşfedin; örneğin, by incorporating gameplay into everyday browsing.</p> + +<p> <img alt="" src="https://mdn.mozillademos.org/files/15805/Asteroids_in_Popup_add_on%20.png" style="height: 438px; width: 700px;"></p> + +<p>Örnekler: <a href="https://addons.mozilla.org/en-US/firefox/addon/asteroids-in-popup/">Asteroids in Popup</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/solitaire-card-game-new-tab/">Solitaire Card Game New Tab</a>, ve <a href="https://addons.mozilla.org/en-US/firefox/addon/2048-prime/">2048 Prime</a>.</p> + +<p><strong>Geliştirici araçları ekleyin</strong>: Web geliştirme araçlarını işiniz olarak sağlayabilir veya paylaşmak istediğiniz web geliştirmeye faydalı bir teknik veya yaklaşım geliştirebilirsiniz. Her iki durumda da, geliştirici araç çubuğuna yeni bir sekme ekleyerek yerleşik Firefox geliştirici araçlarını geliştirebilirsiniz.</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15804/aXe_Developer_Tools_add_on.png" style="height: 261px; width: 700px;"></p> + +<p>Örnekler: <a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Web Developer</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/react-devtools/">Web React Developer Tools</a>, and <a href="https://addons.mozilla.org/en-US/firefox/addon/axe-devtools/">aXe Developer Tools</a></p> + +<p> </p> + +<p>Firefox için eklentiler <a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions">WebExtensions API</a>leri, geliştirici eklentileri çarpraz tarayıcı sistemi kullanılarak inşa edilir. API büyük ölçüde Google Chrome ve Opera tarafından desteklenen <a href="https://developer.chrome.com/extensions">extension API</a> ile uyumludur. Bu tarayıcılar için yazılan uzantılar, çoğu durumda yalnızca birkaç <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension">değişiklikle </a>Firefox veya Microsoft Edge'de çalışır. API <a href="https://developer.mozilla.org/en-US/Firefox/Multiprocess_Firefox">multiprocess Firefox</a> ile de tam uyumludur. </p> + +<p>Eğer sorunuz, fikriniz ya da eski bir apiyi yenisine uyumlu hale getirme ile ilgili yardıma ihtiyacınız varsa bize <a href="https://mail.mozilla.org/listinfo/dev-addons">dev-addons mailing list</a> ya da <a href="irc://irc.mozilla.org/extdev">#extdev</a> üzerinden ulaşabilirsiniz. <a href="https://wiki.mozilla.org/IRC">IRC</a>.</p> + +<p> </p> + +<h2 id="Sırada_ne_var">Sırada ne var?</h2> + +<ul> +</ul> + +<ul> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension">İlk eklentiniz</a> ile basit bir eklenti üzerinden geliştirme yapalım.</li> + <li>Bir eklentinin yapısını öğrenin. <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">Bir eklentinin anatomisi</a>.</li> + <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Examples">Örnek eklentiler</a> üzerinden eklentileri deneyin.</li> +</ul> diff --git a/files/tr/mozilla/eklentiler/webextensions/extending_the_developer_tools/index.html b/files/tr/mozilla/eklentiler/webextensions/extending_the_developer_tools/index.html new file mode 100644 index 0000000000..ee47f9114c --- /dev/null +++ b/files/tr/mozilla/eklentiler/webextensions/extending_the_developer_tools/index.html @@ -0,0 +1,167 @@ +--- +title: Extending the developer tools +slug: Mozilla/Eklentiler/WebExtensions/Extending_the_developer_tools +tags: + - DevTools + - Eklenti + - Kılavuz + - Türkçe Web App DevOp + - Uzantıları + - WebExtensions + - İhtiyaçları Ayrıcalıkları +translation_of: Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools +--- +<div><font><font>{{AddonSidebar}}</font></font></div> + +<div class="note"> +<p><font><font>API'leri dayanmasına rağmen onlar Firefox 55. bulunmayan bu sayfa devtools API'leri açıklamaktadır </font></font><a href="https://developer.chrome.com/extensions/devtools"><font><font>Krom devtools API'ler</font></font></a><font><font> , henüz Firefox'ta uygulanmadı ve bu nedenle burada belgelere alınmamıştır hala pek çok özellik vardır. </font><font>Özellikleri şu anda bakın eksik olduğunu görmek için </font></font><a href="/en-US/Add-ons/WebExtensions/Using_the_devtools_APIs#Limitations_of_the_devtools_APIs"><font><font>devtools API'larından Sınırlamaları</font></font></a><font><font> .</font></font></p> +</div> + +<p><span class="seoSummary"><font><font>Sen tarayıcının yerleşik geliştirici araçlarını genişletmek için WebExtensions API'leri kullanabilirsiniz. </font></font></span><font><font>Bir devtools uzantısı oluşturmak için, "include </font></font><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page"><font><font>devtools_page</font></font></a><font><font> içinde" tuşuna </font></font><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json"><font><font>manifest.json</font></font></a><font><font> :</font></font></p> + +<pre class="brush: json"><font><font>"Devtools_page": "devtools / devtools-sayfa.html"</font></font></pre> + +<p><font><font>Bu anahtarın değeri sizin uzantısı ile birlikte olmuş bir HTML dosyasına işaret eden bir URL'dir. </font><font>URL Manifest.json dosyasının kendisini göreli olmalıdır.</font></font></p> + +<p><font><font>HTML dosyası devtools sayfası olarak adlandırılır, uzantısında özel bir sayfa tanımlar.</font></font></p> + +<h2 id="devtools_sayfa"><font><font>devtools sayfa</font></font></h2> + +<p><font><font>devtools sayfa tarayıcı devtools açıldığında yüklenen ve kapatıldığında kaldırılır. </font><font>dolayısıyla birden fazla devtools sayfa - - devtools pencere tek bir sekme ile ilişkili olduğu için, birden fazla devtools pencere için oldukça mümkün olduğunu Not aynı anda var olması.</font></font></p> + +<p><font><font>Devtools sayfa görünür bir DOM yok, ama kullanan JavaScript kaynaklarını içerebilir </font></font><code><a href="/en-US/docs/Web/HTML/Element/script"><script></a></code><font><font>etiketleri. </font><font>Kaynaklar uzantısı kendisi ile birlikte alınmalıdır. </font><font>Kaynaklar erişebilirsiniz:</font></font></p> + +<ul> + <li><font><font>Normal DOM küresel üzerinden erişilebilir Apı </font></font><code><a href="/en-US/docs/Web/API/Window">window</a></code><font><font>nesne</font></font></li> + <li><font><font>Aynı </font></font><a href="/en-US/Add-ons/WebExtensions/Content_scripts#WebExtension_APIs"><font><font>İçerik Scriptlerde olarak WebExtension API'ler</font></font></a></li> + <li><font><font>devtools API'ler:</font></font> + <ul> + <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow">devtools.inspectedWindow</a></code></li> + <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.network">devtools.network</a></code></li> + <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.panels">devtools.panels</a></code></li> + </ul> + </li> +</ul> + +<p><font><font>Not devtools sayfasının başka WebExtension API'leri erişmek etmediğini ve arka plan sayfası devtools API'ler erişim elde etmez. </font><font>Bunun yerine, devtools sayfa ve arka plan sayfasını kullanarak iletişim kurmalıdır </font></font><code>runtime</code><font><font>mesajlaşma API'leri. </font><font>İşte bir örnek:</font></font></p> + +<pre class="brush: html"><font><font><! DOCTYPE html></font></font><font><font> +<Html></font></font><font><font> + <Head></font></font><font><font> + <Meta karakter seti = "UTF-8"></font></font><font><font> + </ Head></font></font><font><font> + <Body></font></font><font><font> + </ Script> <script src = "devtools.js"></font></font><font><font> + </ Body></font></font><font><font> +</ Html></font></font></pre> + +<p><font><font>devtools.js dosyası dev araçları uzantıları yaratarak gerçek kod düzenleyecek.</font></font></p> + +<h2 id="paneller_oluşturma"><font><font>paneller oluşturma</font></font></h2> + +<p><font><font>devtools pencere barındıran ayrı bir dizi araç - JavaScript Debugger, Ağ İzleyicisi, vb. </font><font>üst kısmında sekmeler Bir sıra farklı araçlar arasındaki kullanıcı anahtarı sağlar. </font><font>Her aracın kullanıcı arayüzü barındırmak penceresi "paneli" olarak adlandırılır.</font></font></p> + +<p><font><font>Kullanımı </font></font><code>devtools.panels.create()</code><font><font>API, sen devtools penceresinde kendi paneli oluşturabilir:</font></font></p> + +<pre class="brush: js"><font><font>browser.devtools.panels.create (</font></font><font><font> + "Benim Paneli", // başlık</font></font><font><font> + "Simgeleri / star.png", // simgesi</font></font><font><font> + "Devtools / paneli / panel.html" // içerik</font></font><font><font> +) .Ve ((newPanel) => {</font></font><font><font> + newPanel.onShown.addListener (initialisePanel);</font></font><font><font> + newPanel.onHidden.addListener (unInitialisePanel);</font></font> +});</pre> + +<p><font><font>Panelin başlığı, simge ve içerik: Bu üç zorunlu argüman alır. </font><font>Bir döner </font></font><code><a href="/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promise</a></code><font><font>bir çözer ki </font></font><code>devtools.panels.ExtensionPanel</code><font><font>yeni bir panel ifade eden nesne.</font></font></p> + +<h2 id="Hedef_pencere_ile_etkileşimde"><font><font>Hedef pencere ile etkileşimde</font></font></h2> + +<p><font><font>Geliştirici araçları her zaman belirli bir tarayıcı sekmesine eklenir. </font><font>Bu geliştirici araçları için "hedef" veya "teftiş pencere" olarak adlandırılır. </font><font>Sen kullanarak denetlenmiş pencere ile etkileşime girebilir </font></font><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow">devtools.inspectedWindow</a></code><font><font>API.</font></font></p> + +<h3 id="Hedef_penceresinde_kod_çalıştırma"><font><font>Hedef penceresinde kod çalıştırma</font></font></h3> + +<p><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/eval">devtools.inspectedWindow.eval()</a></code><font><font>Teftiş pencerede kod çalıştırmasına bir yol sağlar.</font></font></p> + +<p><font><font>Bu biraz kullanmak gibidir {{WebExtAPIRef ( "tabs.executeScript ()")}} bir içerik komut enjekte ancak bunlarla önemli bir farkla:</font></font></p> + +<ul> + <li><font><font>içerik komut aksine, komut dosyaları kullanılarak yüklenen </font></font><code>devtools.inspectedWindow.eval()</code><strong><font><font>yok</font></font></strong><font><font> olsun </font></font><a href="/en-US/Add-ons/WebExtensions/Content_scripts#DOM_access"><font><font>bir "DOM temiz görünümü"</font></font></a><font><font> olduğunu, bunlar sayfa komut dosyaları tarafından yapılan sayfaya değişiklikleri görebilirsiniz.</font></font></li> +</ul> + +<div class="note"> +<p><font><font>DOM temiz bir görünüm yardım amaçlanan, bir güvenlik özelliğidir geldiğini hatırlatırız yerli DOM işlevleri davranışını yeniden tanımlanarak uzantıları kandırma gelen düşman sayfaları engeller. </font><font>Bu araçlar siz) eval (kullanarak çok dikkatli olmak gerekiyor ve eğer yapabilirsen normal içerik komut dosyası kullanmalısınız.</font></font></p> +</div> + +<p><font><font>Komut dosyaları kullanılarak yüklenen </font></font><code>devtools.inspectedWindow.eval()</code><font><font>içerik komut ile tanımlanan herhangi JavaScript değişkenleri görmüyorum de.</font></font></p> + +<h3 id="içerik_komut_ile_çalışma"><font><font>içerik komut ile çalışma</font></font></h3> + +<p><font><font>Bir devtools belge doğrudan erişimi yok {{WebExtAPIRef ( "tabs.executeScript ()")}} Bir içerik komut dosyası enjekte etmek gerekirse, bu nedenle, devtools belge arka plan komut bir mesaj göndermesi gerekir inject bunu soran senaryo. </font></font><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/devtools.inspectedWindow/tabId">devtools.inspectedWindow.tabId</a></code><font><font>Hedef sekmesinin kimliğini sağlar: devtools belge arka plan komut dosyasına bu geçebilir ve arka plan komut sırayla içine geçebilir {{WebExtAPIRef ( "tabs.executeScript ()")}}:</font></font></p> + +<pre class="brush: js"><font><font>// devtools-panel.js</font></font> +<font><font> +const scriptToAttach = "document.body.innerHTML = 'DevTools'un Hi';";</font></font> +<font><font> +window.addEventListener () ( "click" => {</font></font><font><font> + browser.runtime.sendMessage ({</font></font><font><font> + Tabla: browser.devtools.inspectedWindow.tabId,</font></font><font><font> + komut: scriptToAttach</font></font> + }); +});</pre> + +<pre class="brush: js"><font><font>// background.js</font></font> +<font><font> +işlev handleMessage (istek, gönderen, sendResponse) {</font></font><font><font> + browser.tabs.executeScript (request.tabId {</font></font><font><font> + kod: request.script</font></font> + }); +} +<font><font> +browser.runtime.onMessage.addListener (handleMessage);</font></font></pre> + +<p><font><font>Hedef penceresinde çalışan içerik komut ve devtools belgeye arasındaki değişim mesajlarına gerekiyorsa, {{WebExtAPIRef ( "runtime.connect ()")}} ve {{WebExtAPIRef ( "runtime.onConnect kullanmak iyi bir fikirdir ")}} arkaplan sayfası ile devtools belgeye arasında bağlantı kurmak için. </font><font>arka plan sayfası ardından sekme kimlikleri ve {{WebExtAPIRef ( "runtime.Port")}} nesneler arasında bir eşleme korumak ve iki kapsamları arasındaki iletileri yönlendirmek için kullanabilir.</font></font></p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14923/devtools-content-scripts.png" style="display: block; height: 416px; margin-left: auto; margin-right: auto; width: 600px;"></p> + +<h2 id="devtools_APIler_sınırlamaları"><font><font>devtools API'ler sınırlamaları</font></font></h2> + +<p><font><font>Chrome dayanmaktadır Bu API'ler API'leri DevTools'un, ancak birçok özellik hala Chrome ile karşılaştırıldığında, eksik. </font><font>Bu bölümde yine devtools API'leri etkin geliştirme aşamasındadır ve gelecekteki yayınlara çoğu desteği eklemek beklediklerini Firefox 54. Not itibariyle uygulanmadı özellikleri.</font></font></p> + +<h3 id="devtools.inspectedWindow"><font><font><font><font>devtools.inspectedWindow</font></font></font></font></h3> + +<p><font><font>Aşağıdaki desteklenmez:</font></font></p> + +<ul> + <li><code>inspectedWindow.getResources()</code></li> + <li><code>inspectedWindow.onResourceAdded</code></li> + <li><code>inspectedWindow.onResourceContentCommitted</code></li> +</ul> + +<p><font><font>Seçeneklerden hiçbiri için </font></font><code>inspectedWindow.eval()</code><font><font>desteklenir.</font></font></p> + +<p><font><font>Komut dosyaları kullanılarak enjekte </font></font><code>inspectedWindow.eval()</code><font><font>tüm Konsolunun komut satırı yardımcı işlevlerini kullanamazsınız, ancak </font></font><code>$0</code><font><font>ve </font></font><code>inspect(...)</code><font><font>her ikisi (Firefox 55 başlayarak) desteklenir.</font></font></p> + +<h3 id="devtools.panels"><font><font><font><font>devtools.panels</font></font></font></font></h3> + +<p><font><font><font><font>Aşağıdaki desteklenmez:</font></font></font></font></p> + +<ul> + <li><code>panels.elements</code></li> + <li><code>panels.sources</code></li> + <li><code>panels.setOpenResourceHandler()</code></li> + <li><code>panels.openResource()</code></li> + <li><code>panels.ExtensionPanel.createStatusBarButton()</code></li> + <li><code>panels.Button</code></li> + <li><code>panels.ElementsPanel</code></li> + <li><code>panels.SourcesPanel</code></li> +</ul> + +<h2 id="Örnekler"><font><font>Örnekler</font></font></h2> + +<p><a href="https://github.com/mdn/webextensions-examples"><font><font>Webextensions-örnekler</font></font></a><font><font> GitHub'dan Repo, devtools panelleri kullanmak uzantıları bazı örnekler sunulmaktadır:</font></font></p> + +<ul> + <li> + <p><a href="https://github.com/mdn/webextensions-examples/blob/master/devtools-panels/"><font><font>devtools paneller</font></font></a><font><font> devtools panelleri kullanımı:</font></font></p> + </li> +</ul> diff --git a/files/tr/mozilla/eklentiler/webextensions/index.html b/files/tr/mozilla/eklentiler/webextensions/index.html new file mode 100644 index 0000000000..91c91735f2 --- /dev/null +++ b/files/tr/mozilla/eklentiler/webextensions/index.html @@ -0,0 +1,138 @@ +--- +title: Tarayıcı uzantıları +slug: Mozilla/Eklentiler/WebExtensions +tags: + - Eklentiler + - WebExtensions + - İniş +translation_of: Mozilla/Add-ons/WebExtensions +--- +<div><font><font>{{AddonSidebar}}</font></font></div> + +<p><span id="result_box" lang="tr"><span>Uzantılar, bir tarayıcının yeteneğini genişletebilir ve değiştirebilir.</span></span> <span id="result_box" lang="tr"><span>Firefox eklentileri, uzantıları geliştirmek için çapraz tarayıcı sistemi olan Web Eklenti API'leri kullanılarak oluşturulmuştur.</span></span> Google Chrome, Opera ve <a href="https://browserext.github.io/browserext/">W3C Taslak Topluluk Grubu </a>tarafından deteklenen <a class="external-icon external" href="https://developer.chrome.com/extensions">API uzantısı</a> büyük ölçekteki sistemlerle uyumludur. Bu tarayıcılar için yazılan uzantılar bir çok durumda Firefox'ta yada bir kaç değişiklikle <a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/">Microsoft Edge</a> ile çalışacaktır. Bu API aynı zamanda <a href="https://developer.mozilla.org/en-US/Firefox/Multiprocess_Firefox">çoklu prosesli Firefox</a>'la tamamen uyumludur.</p> + +<p>Eğer fikir veya sorularınız varsa, yada eski add-on'nuzu Web eklenti API'lerini kullanarak uyarlamak için yardıma ihtiyaç duyarsanız, bize <a href="https://mail.mozilla.org/listinfo/dev-addons">dev-addons mail listesi </a>yada <a href="https://wiki.mozilla.org/IRC">IRC üzerinden </a> <a href="irc://irc.mozilla.org/webextensions">#webextensions</a> aracılığı ile ulaşabilirsiniz.</p> + +<div class="row topicpage-table"> +<div class="section"> +<h2 id="Başlarken">Başlarken</h2> + +<ul> + <li><a href="/en-US/Add-ons/WebExtensions/What_are_WebExtensions">Eklenti Nedir?</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Your_first_WebExtension">İlk Eklentiniz</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Your_second_WebExtension">İkinci Eklentiniz</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">Eklenti Analizi</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Examples">Eklenti Örnekleri</a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/What_next_">Bir Sonraki Ne?</a></li> +</ul> + +<h2 id="Kavramlar"><span class="short_text" id="result_box" lang="tr"><span>Kavramlar</span></span></h2> + +<ul> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API"><font><font>JavaScript API'lerine Genel Bakış</font></font></a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Content_scripts">İçerik Script'leri</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Match_patterns">Şablon Eşleştirme</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Working_with_files">Dosyalarla Çalışma</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Internationalization">İçselleştirme</a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Security_best_practices">En iyi güvenlik Uygulamaları</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Content_Security_Policy">İçerik Güvenliği Politikası</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Native_messaging">Yerel Mesajlaşma</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Using_the_devtools_APIs">Geliştirme Araçları API'lerini Kullanma</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/User_experience_best_practices">En iyi Kullanıcı Deneyimi Uygulamaları</a></li> + <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Native_manifests">Yerel Bildirimler</a></li> +</ul> + +<h2 id="Kullanıcı_Arayüzü">Kullanıcı Arayüzü</h2> + +<ul> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface">Giriş</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_action">Tarayıcı Araç Çubuğu Düğmesi</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">Tarayıcı Araç Çubuğu Popup Düğmesi</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Page_actions">Adres Çubuğu Düğmesi</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups">Adres Çubuğu Popup Düğmesi</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items">İçerik Menüsü Öğeleri</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars">Kenar Çubukları</a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages"><font><font>Ayar Sayfası</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Bundled_web_pages"><font><font>Eklenti Sayfaları</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Notifications"><font><font>Bildirimler</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Omnibox"><font><font>Adres Çubuğu Önerileri</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels"><font><font>Geliştirme Aracı Panelleri</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles"><font><font>Tarayıcı Stilleri</font></font></a></li> +</ul> + +<h2 id="Nasıl_Yapılır"><font><font>Nasıl Yapılır</font></font></h2> + +<ul> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Intercept_HTTP_requests"><font><font>HTTP İsteklerini Kesme</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Modify_a_web_page"><font><font>Web Sayfasını Değiştirme</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar"><font><font>Araç Çubuğuna Düğme Ekleme</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Implement_a_settings_page"><font><font>Ayarlar Sayfasını Uygulama</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Interact_with_the_clipboard"><font><font>Pano ile Etkileşim</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Working_with_the_Tabs_API"><font><font>Sekme API'leri ile Çalışma</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Work_with_the_Bookmarks_API"><font><font>Yerimi API'leri ile Çalışma</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Work_with_the_Cookies_API"><font><font>Çerez API'leri ile Çalışma</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Work_with_contextual_identities"><font><font>Bağlamsal Kimliklerle Çalışma</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Safely_inserting_external_content_into_a_page"><font><font>Dış İçerik Ekleme</font></font></a></li> +</ul> + +<ul> +</ul> + +<h2 id="Uyarlama"><font><font>Uyarlama</font></font></h2> + +<ul> + <li><a href="/en-US/Add-ons/WebExtensions/Porting_from_Google_Chrome"><font><font>Google Chrome Eklentisini Uyarlama</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Porting_a_legacy_Firefox_add-on"><font><font>Eski Firefox Eklentisini Uyarlama</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Developing_WebExtensions_for_Firefox_for_Android"><font><font>Android için Firefox Geliştirme</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Embedded_WebExtensions"><font><font>Gömülü WEB Eklentileri</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Comparison_with_the_Add-on_SDK"><font><font>Add-on SDK ile Karşılaştırma</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Comparison_with_XUL_XPCOM_extensions"><font><font>XUL/XPCOM Eklentileri ile Karşılaştırma</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Chrome_incompatibilities"><font><font>Chrome Uyumsuzlukları</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Differences_between_desktop_and_Android"><font><font>Masaüstü ve Android arasındaki Farklılıklar</font></font></a></li> +</ul> + +<h2 id="Firefox_İşakışı"><font><font>Firefox İşakışı</font></font></h2> + +<ul> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/User_experience_best_practices"><font><font>Kullanıcı Deneyimleri</font></font></a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox"><font><font>Kurulum</font></font></a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Debugging"><font><font>Hata Ayıklama</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Testing_persistent_and_restart_features"><font><font>Kalıcı Test ve Yeniden Başlatma Özellikleri</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext"><font><font>web-ext ile Başlamak</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/web-ext_command_reference"><font><font>web-ext Komut Referansları</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID"><font><font>Add-on ID ve Eklentiler</font></font></a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Alternative_distribution_options"><font><font>Alternatif Dağıtım Ayarları</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Request_the_right_permissions"><font><font>Doğru İzin İsteme</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Sharing_objects_with_page_scripts"><font><font>Sayfa scriptleri ile Nesne Paylaşma</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Retiring_your_extension"><font><font>Uzantılarınızı Geri Alma</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Tips"><font><font>İp Uçları ve Püf Noktalar</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Publishing_your_WebExtension"><font><font>Uzantılarınızı Paketleme</font></font></a></li> +</ul> +</div> + +<div class="section"> +<h2 id="Referans"><font><font>Referans</font></font></h2> + +<h3 id="JavaScript_APIleri"><font><font>JavaScript API'leri</font></font></h3> + +<ul> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API"><font><font>JavaScript API'lerine Genel Bakış</font></font></a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs"><font><font>JavaScript API'leri için Tarayıcı Uyumluluk Tablosu</font></font></a></li> +</ul> + +<div class="twocolumns"><font><font>{{ListSubpages ( "/ tr / Eklentiler / WebExtensions / API")}}</font></font></div> + +<h3 id="Bildirim_Anahtarları"><font><font>Bildirim Anahtarları</font></font></h3> + +<ul> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json"><font><font>manifest.json Genel Bakışı</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Browser_compatibility_for_manifest.json"><font><font>manifest.json için Tarayıcı Uyumluluğu</font></font></a></li> +</ul> + +<p> </p> + +<div class="twocolumns"><font><font>{{ListSubpages ( "/en-US/Add-ons/WebExtensions/manifest.json")}}</font></font></div> +</div> +</div> + +<p> </p> diff --git a/files/tr/mozilla/eklentiler/webextensions/i̇lk_eklentin/index.html b/files/tr/mozilla/eklentiler/webextensions/i̇lk_eklentin/index.html new file mode 100644 index 0000000000..dfd3d30304 --- /dev/null +++ b/files/tr/mozilla/eklentiler/webextensions/i̇lk_eklentin/index.html @@ -0,0 +1,157 @@ +--- +title: İlk Eklentin +slug: Mozilla/Eklentiler/WebExtensions/İlk_Eklentin +tags: + - Rehber + - WebEklentileri +translation_of: Mozilla/Add-ons/WebExtensions/Your_first_WebExtension +--- +<div>{{AddonSidebar}}</div> + +<div>Bu makalede Firefox için bir eklenti baştan sona nasıl oluşturulur onu inceleyeceğiz. Eklenti "mozilla.org" vey alt alan adlarından yüklenen tüm sayfalara kırmızı kenarlık ekleyecek.</div> + +<div></div> + +<div>Bu örnek için kaynak kodlar GitHub'ta: <a href="https://github.com/mdn/webextensions-examples/tree/master/borderify">https://github.com/mdn/webextensions-examples/tree/master/borderify</a>.</div> + +<div></div> + +<p>İlk olarak Firefox 45 veya sonraki bir versiyona ihtiyacımız olacak.</p> + +<h2 id="Eklentiyi_yazmak">Eklentiyi yazmak</h2> + +<p>Yeni bir dizin oluşturup içine girelim. Örneğin terminalden şu şekilde yapabiliriz:</p> + +<pre class="brush: bash">mkdir borderify +cd borderify</pre> + +<h3 id="manifest.json">manifest.json</h3> + +<p>Şimdi "manifest.json" isimli yeni bir dosya oluşturarak dosyanın içeriğine aşağıdakileri ekleyelim.</p> + +<pre class="brush: json">{ + + "manifest_version": 2, + "name": "Borderify", + "version": "1.0", + + "description": "mozilla.org ile eslesen tum sayfalara kırmızı kenarlık ekler.", + + "icons": { + "48": "icons/border-48.png" + }, + + "content_scripts": [ + { + "matches": ["*://*.mozilla.org/*"], + "js": ["borderify.js"] + } + ] + +}</pre> + +<ul> + <li>İlk 3 özellik olan: <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/manifest_version">manifest_version</a></code>, <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/name">name</a></code>, ve <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/version">version</a></code>, zorunlu alanlar ve bu eklenti için gerekli üstveriyi içeriyor.</li> + <li><code><a href="/en-US/Add-ons/WebExtensions/manifest.json/description">description</a></code> isteğe bağlı bir alan. Ancak Eklenti Yöneticisi'nde göründüğü için eklenmesi tavsiye ediliyor.</li> + <li><code><a href="/en-US/Add-ons/WebExtensions/manifest.json/icons">icons</a></code> isteğe bağlı bir alan. Eklenti Yöneticisi'nde gösterilecek ikonu belirtmek için kullanıldığından eklenmesi tavsiye ediliyor.</li> +</ul> + +<p>Buradaki en ilginç özellik <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/content_scripts">content_scripts</a></code>. Bu kısımda hangi örüntüye uyan web sayfaları için Firefox'un eklenti script'lerini yüklemesi gerektiğini söylüyor. Bu örnekte Firefox'a "borderify.js" i "mozilla.org" veya onun alt adresinden sunulan tüm HTTP veya HTTPS sayfalar için yüklemesini istiyoruz.</p> + +<ul> + <li><a href="/en-US/Add-ons/WebExtensions/Content_scripts">Content scripts hakkında daha fazlasını öğren.</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Match_patterns">Eşleşme örüntüleri hakkında daha fazlasını öğren</a>.</li> +</ul> + +<div class="warning"> +<p><a href="/en-US/Add-ons/WebExtensions/WebExtensions_and_the_Add-on_ID#When_do_you_need_an_Add-on_ID">Bazı durumlarda eklentin için bir kimlik(id) belirtmen gerekebilir. </a>Gerektiğinde <code>manifest.json</code> da <code><a href="/en-US/Add-ons/WebExtensions/manifest.json/applications">applications</a></code> içerisine <code>gecko.id</code> özelliğini ekle:</p> + +<pre class="brush: json">"applications": { + "gecko": { + "id": "borderify@example.com" + } +}</pre> +</div> + +<h3 id="iconsborder-48.png">icons/border-48.png</h3> + +<p>Eklentimizin bir ikonu olmalı. İkonumuz Eklenti Yöneticisi'nde eklentimiz listelenirken yanında gözükecek.manifest.json dosyamız ikonumuzun şu dizinde olacağını söylüyor: "icons/border-48.png".</p> + +<p>"borderify" dizini içerisinde "icons" klasörünü oluştur. "border-48.png" isimli bir ikon koy. Google Material Desing ikon paketinden alınmış ve <a href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike</a> lisansına sahip <a href="https://github.com/mdn/webextensions-examples/blob/master/borderify/icons/border-48.png">örneğimizdeki ikonu</a> kullanabilirsin.</p> + +<p>Eğer kendi ikonunu kendin ayarlamak istiyorsan ikon 48x48 piksel olmalı. Yüksek çözünürlüklü cihazlar için 96x96 piksel ikon da ayarlayabilirsin. Ancak o durumda <code>icons</code> altında <code>96</code> olarak 96x96'lık ikonu belirtmen gerekir:</p> + +<pre class="brush: json">"icons": { + "48": "icons/border-48.png", + "96": "icons/border-96.png" +}</pre> + +<p>Alternatif olarak SVG dosyası kullanabilirsin ve doğru biçimde ölçeklenir. (Doğrusu: SVG kullanıyorsan ve ikon yazı içeriyorsa, SVG düzenleyicinin "convert to path" özelliğini kullanıp yazıyı düzleştirmek isteyebilirsin. Bu sayede pozisyonu ve boyutu doğru olarak ölçeklenir.)</p> + +<ul> + <li><a href="/en-US/Add-ons/WebExtensions/manifest.json/icons">İkonları ayarlamak hakkında daha fazlasını öğren.</a></li> +</ul> + +<h3 id="borderify.js">borderify.js</h3> + +<p>Finally, create a file called "borderify.js" directly under the "borderify" directory. Give it this content:</p> + +<pre class="brush: js">document.body.style.border = "5px solid red";</pre> + +<p>This script will be loaded into the pages that match the pattern given in the <code>content_scripts</code> manifest.json key. The script has direct access to the document, just like scripts loaded by the page itself.</p> + +<ul> + <li><a href="/en-US/Add-ons/WebExtensions/Content_scripts">Learn more about content scripts.</a></li> +</ul> + +<h2 id="Trying_it_out">Trying it out</h2> + +<p>First, double check that you have the right files in the right places:</p> + +<pre>borderify/ + icons/ + border-48.png + borderify.js + manifest.json</pre> + +<h3 id="Installing">Installing</h3> + +<p>Open "about:debugging" in Firefox, click "Load Temporary Add-on" and select any file in your extension's directory:</p> + +<p>{{EmbedYouTube("cer9EUKegG4")}}</p> + +<p>The extension will now be installed, and will stay until you restart Firefox.</p> + +<p>Alternatively, you can run the extension from the command line using the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Getting_started_with_web-ext">web-ext</a> tool.</p> + +<h3 id="Testing">Testing</h3> + +<p>Now try visiting a page under "mozilla.org", and you should see the red border round the page:</p> + +<p>{{EmbedYouTube("rxBQl2Z9IBQ")}}</p> + +<div class="note"> +<p>Don't try it on addons.mozilla.org, though! Content scripts are currently blocked on that domain.</p> +</div> + +<p>Try experimenting a bit. Edit the content script to change the color of the border, or do something else to the page content. Save the content script, then reload the extensions's files by clicking the "Reload" button in about:debugging. You can see the changes right away:</p> + +<p>{{EmbedYouTube("NuajE60jfGY")}}</p> + +<ul> + <li><a href="/en-US/Add-ons/WebExtensions/Temporary_Installation_in_Firefox">Learn more about loading extensions</a></li> +</ul> + +<h2 id="Packaging_and_publishing">Packaging and publishing</h2> + +<p>For other people to use your extension, you need to package it and submit it to Mozilla for signing. To learn more about that, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Publishing_your_WebExtension">"Publishing your extension"</a>.</p> + +<h2 id="What's_next">What's next?</h2> + +<p>Now you've got an idea of the process of developing a WebExtension for Firefox, try:</p> + +<ul> + <li><a href="/en-US/Add-ons/WebExtensions/Anatomy_of_a_WebExtension">reading more about the anatomy of an extension</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/Your_second_WebExtension">writing a more complex extension</a></li> + <li><a href="/en-US/Add-ons/WebExtensions/API">reading about the JavaScript APIs available for extensions.</a></li> +</ul> diff --git a/files/tr/mozilla/eklentiler/webextensions/user_interface/index.html b/files/tr/mozilla/eklentiler/webextensions/user_interface/index.html new file mode 100644 index 0000000000..0c181eec6a --- /dev/null +++ b/files/tr/mozilla/eklentiler/webextensions/user_interface/index.html @@ -0,0 +1,95 @@ +--- +title: User interface +slug: Mozilla/Eklentiler/WebExtensions/user_interface +tags: + - Kullanıcı arayüzü + - WebExtensions + - İniş +translation_of: Mozilla/Add-ons/WebExtensions/user_interface +--- +<div><font><font>{{AddonSidebar}}</font></font></div> + +<p><font><font>Kullanım WebExtension API'leri onların işlevselliği kullanıcıya sunulabilir böylece birkaç kullanıcı arayüzü seçenekleri ile sağlandığını uzantılar. </font><font>bu seçeneklerden bir özeti bu bölümde her kullanıcı arayüz seçeneği için daha ayrıntılı tanıtımıyla, aşağıda verilmiştir.</font></font></p> + +<div class="note"> +<p><font><font>Uzantınızda mükemmel bir kullanıcı deneyimi yaratmak için bu UI bileşenlerini kullanarak tavsiye için lütfen </font></font><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/User_experience_best_practices"><font><font>Kullanıcı deneyimi en iyi uygulamaları</font></font></a><font><font> makale.</font></font></p> +</div> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col"><font><font>UI seçeneği</font></font></th> + <th scope="col"><font><font>Açıklama</font></font></th> + <th scope="col" style="width: 350px;"><font><font>Misal</font></font></th> + </tr> + </thead> + <tbody> + <tr> + <td><a href="/Add-ons/WebExtensions/user_interface/Browser_action"><font><font>Araç Çubuğu düğme</font></font></a><font><font> (tarayıcı eylem)</font></font></td> + <td><font><font>tıklandığında uzantısı bir olay gönderir Tarayıcı araç çubuğunda bir düğme. </font><font>Varsayılan olarak, düğme tüm sekmelerin görünür.</font></font></td> + <td><img alt="Örnek bir araç çubuğu düğmesi (tarayıcı eylem) gösteren." src="https://mdn.mozillademos.org/files/15751/browser-action.png" style="height: 364px; width: 700px;"></td> + </tr> + <tr> + <td><font><font>Bir ile Çubuğu düğmesi </font></font><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups"><font><font>açılır</font></font></a></td> + <td><font><font>düğme tıklandığında o araç çubuğu tarayıcıda bir düğmeye bir açılır pencere açılır. </font><font>Popup kullanıcı etkileşimi yönetir bir HTML belgesinde tanımlanmıştır.</font></font></td> + <td><img alt="Bir araç çubuğu düğmesini pop-up örneği" src="https://mdn.mozillademos.org/files/15753/popup-shadow.png" style="height: 624px; width: 700px;"></td> + </tr> + <tr> + <td><a href="/Add-ons/WebExtensions/user_interface/Page_actions"><font><font>Adres çubuğu düğmesi</font></font></a><font><font> (sayfa aksiyon)</font></font></td> + <td><font><font>tıklandığında uzantısı bir olay gönderir tarayıcının adres çubuğunda bir düğme. </font><font>Varsayılan olarak, düğme tüm sekmelerin gizli.</font></font></td> + <td><img alt="Örnek bir adres çubuğu düğmesini gösteren (sayfa aksiyon) " src="https://mdn.mozillademos.org/files/15745/address_bar_button.png" style="height: 348px; width: 700px;"></td> + </tr> + <tr> + <td><font><font>Bir ile Adres çubuğu düğmesi </font></font><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Popups"><font><font>açılır</font></font></a></td> + <td><font><font>düğmesi tıklandığında açılan tarayıcı adres çubuğunda bir düğmeyi bir açılır pencere. </font><font>Popup kullanıcı etkileşimi yönetir bir HTML belgesinde tanımlanmıştır.</font></font></td> + <td><img alt="Adres çubuğu düğmesinin bir popup örneği" src="https://mdn.mozillademos.org/files/15747/page_action_popup.png" style="height: 524px; width: 700px;"></td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Context_menu_items"><font><font>Bağlam menü öğesi</font></font></a></td> + <td><font><font>bir ya da tarayıcının bağlam menüleri daha menü öğeleri onay kutularını ve radyo düğmeleri. </font><font>Ayrıca, menüler ayırıcılar ekleyerek yapılandırılabilir. </font><font>menü öğeleri tıklandığında bir olay uzantısı gönderilir.</font></font></td> + <td><img alt="bağlam menü demo örnekten bir WebExtension tarafından eklenen içerik menü öğeleri, örneği" src="https://mdn.mozillademos.org/files/15756/context_menu_example.png" style="height: 942px; width: 864px;"></td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Sidebars"><font><font>Kenar çubuğu</font></font></a></td> + <td> + <p dir="ltr"><font><font>Bir HTML dokümanı sayfa başına benzersiz içerik seçeneği ile, bir web sayfası yanında görüntülenen. </font><font>uzantı yüklendiğinde kenar çubuğu daha sonra kullanıcının kenar çubuğu görünürlük seçimi itaat, açılır. </font><font>Kenar çubuğunda içinde kullanıcı etkileşimi kendi HTML belgesi tarafından gerçekleştirilmektedir.</font></font></p> + </td> + <td><img alt="bir kenar çubuğu Örnek" src="https://mdn.mozillademos.org/files/15755/bookmarks-sidebar.png" style="height: 846px; width: 700px;"></td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Options_pages"><font><font>Seçenekler sayfa</font></font></a></td> + <td><font><font>Eğer kullanıcıların değişebileceğini Uzantınız için tercihlerini belirlemek sağlayan bir sayfa. </font><font>kullanıcı tarayıcının eklenti yöneticisinden bu sayfaya erişebilirsiniz.</font></font></td> + <td><img alt="Örnek favori renkleri örnekte eklenen seçenekler sayfa içeriğini gösteren." src="https://mdn.mozillademos.org/files/15748/options_page.png"></td> + </tr> + <tr> + <td><a href="/Add-ons/WebExtensions/user_interface/Extension_pages"><font><font>Uzatma sayfa</font></font></a></td> + <td><font><font>Uzantınızda dahil kullanın web sayfaları pencere veya sekme içindeki formları, yardım veya gerekli diğer herhangi bir içerik sağlamak.</font></font></td> + <td><img alt="Basit bir paket sayfası örneği müstakil bir panel olarak görüntülenir." src="https://mdn.mozillademos.org/files/15752/bundled_page_as_panel_small.png" style="height: 432px; width: 700px;"></td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Notifications"><font><font>Bildirim</font></font></a></td> + <td><font><font>Geçici bildirimleri temel işletim sisteminin bildirimleri mekanizması yoluyla kullanıcıya görüntülenir. </font><font>Kullanıcı bir bildirim veya bir bildirim kapanır (ya otomatik olarak veya kullanıcının isteği üzerine) tıkladığında uzantısına bir olay gönderir.</font></font></td> + <td><img alt="Uzatma tetiklenen sistemi bildirimi Örnek" src="https://mdn.mozillademos.org/files/15754/notify-shadowed.png" style="height: 294px; width: 780px;"></td> + </tr> + <tr> + <td><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Omnibox"><font><font>Adres çubuğu öneri</font></font></a></td> + <td><font><font>Kullanıcı bir anahtar kelime girdiğinde Özel adres çubuğu önerilerinin sunun.</font></font></td> + <td><img alt="Örnek Adres çubuğu önerilerini firefox_code_search WebExtension en özelleştirme sonucunu gösteren." src="https://mdn.mozillademos.org/files/15749/omnibox_example_small.png" style="height: 464px; width: 700px;"></td> + </tr> + <tr> + <td><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/devtools_panels"><font><font>Geliştirici araçları paneli</font></font></a></td> + <td><font><font>ilişkili HTML dokümanı ile bir sekme o tarayıcının geliştirici araçları görüntüler.</font></font></td> + <td><img alt="Örnek Adres çubuğu önerilerini firefox_code_search WebExtension en özelleştirme sonucunu gösteren." src="https://mdn.mozillademos.org/files/15746/developer_panel_tab.png" style="height: 224px; width: 700px;"></td> + </tr> + </tbody> +</table> + +<p><font><font>kılavuzları nasıl yapılır şu bu kullanıcı arayüzü seçeneklerden bazılarını oluşturmak için adım adım rehberlik:</font></font></p> + +<ul> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Accessibility_guidelines"><font><font>Erişilebilirlik yönergeleri</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Add_a_button_to_the_toolbar"><font><font>araç çubuğuna bir düğme ekleyin</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface/Browser_styles"><font><font>Tarayıcı stilleri</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools"><font><font>geliştirici araçları genişletme</font></font></a></li> + <li><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Implement_a_settings_page"><font><font>Bir ayarları sayfası uygulamak</font></font></a></li> +</ul> diff --git a/files/tr/mozilla/firefox/index.html b/files/tr/mozilla/firefox/index.html new file mode 100644 index 0000000000..0c99f68792 --- /dev/null +++ b/files/tr/mozilla/firefox/index.html @@ -0,0 +1,45 @@ +--- +title: Firefox +slug: Mozilla/Firefox +translation_of: Mozilla/Firefox +--- +<div>{{FirefoxSidebar}}</div> + +<p><a href="https://www.mozilla.org/firefox/">Firefox</a>, Mozilla'nın masa üstünde Windows, OS X , Linux ve Android mobil cihazlarda ulaşılabilir olan popüler Web tarayıcısıdır. Firefox, Web geliştiricileri ve kullanıcılar için en güncel Web teknolojileri, güçlü geliştirme araçları ve geniş uyumluluğu ile birlikte harika bir seçimdir.</p> + +<p>Firefox, kodların büyük çoğunluğu büyük gönüllü topluluğumuzun katkıları ile geliştirilen açık kaynak kodlu bir projedir. Burada Firefox projesine nasıl katkıda bulunacağınızı ve aynı zamanda Firefox add-ons yapısı, Firefox'ta geliştirici araçlarını kullanma ve diğer görevler hakkında linkler bulacaksınız.</p> + +<div class="summary"> +<p><a href="http://www.mozilla.org/en-US/firefox/">Firefox</a>'ta nasıl add-ons yapacağınızı, Firefox'un kendisini, iç yapısını ve alt proje işlerini nasıl geliştireceğinizi ve derleyeceğinizi öğrenin.</p> +</div> + +<ul class="card-grid"> + <li><span>Geliştirici Sürüm Notları</span> + + <p><a href="/en-US/Firefox/Releases">Geliştirici odaklı sürüm notları</a>; Firefox'un her versiyonu ile gelen add-ons 'ları ve Web sitesinin yeni kabiliyetlerinin neler olduğunu öğrenin.</p> + </li> + <li><span>Proje Dökümanları</span> + <p><a href="/en-US/docs/Mozilla">Firefox'un iç yapısı</a> ve derleme sistemi hakında detaylı bilgilere ulaşın ve böylece kodları içerisinde yolunuzu bulabilirsiniz.</p> + </li> + <li><span>Geliştirici Rehberi</span> + <p><a href="/en-US/docs/Developer_Guide">Geliştirici rehberimiz</a>, Firefox'un kodlarını nasıl temin edeceğinizi ve derleyeceğinizi, kodlar içerisinde yolunuzu nasıl bulacağınızı ve projeye nasıl katkıda bulunacağınız hakkında detaylı bilgiler sağlar.</p> + </li> +</ul> + +<p>Firefox'un dört tane <strong>kanalı</strong> bulunmaktadır. Sürüm kanalı, dünya etrafında milyonlarca insan tarafından kullanılan günlük kullanım içindir. Diğer kanallar testçiler, firefox'u benimseyenler ve ciddi meraklıları içindir.</p> + +<ul class="card-grid"> + <li class="download-box"><span>Gecelik Firefox</span> + + <p>Firefox'un Gecelik derlemeleri sadece test amaçlıdır.</p> + <a class="download-button external ignore-external" href="https://nightly.mozilla.org/" rel="noopener">Download Nightly</a></li> + <li class="download-box"><span>Firefox Aurora</span> + <p>Deneysel bir ortamda en yeni yenilikler.</p> + <a class="download-button external ignore-external" href="https://www.mozilla.org/firefox/channel/#aurora" rel="noopener">Download Aurora</a></li> + <li class="download-box"><span>Firefox Beta</span> + <p>Daha kararlı bir ortamda en yeni özellikler.</p> + <a class="download-button external ignore-external" href="https://www.mozilla.org/firefox/channel/#beta" rel="noopener">Download Beta</a></li> + <li class="download-box"><span>Firefox</span> + <p>Denendi, Test edildi ve Dünyada milyonlarca insan tarafından kullanıldı.</p> + <a class="download-button external ignore-external" href="https://www.mozilla.org/firefox/channel/#firefox" rel="noopener">Download Firefox</a></li> +</ul> diff --git a/files/tr/mozilla/firefox/releases/63/index.html b/files/tr/mozilla/firefox/releases/63/index.html new file mode 100644 index 0000000000..527ce29553 --- /dev/null +++ b/files/tr/mozilla/firefox/releases/63/index.html @@ -0,0 +1,139 @@ +--- +title: Geliştiriciler için Firefox 63 +slug: Mozilla/Firefox/Releases/63 +translation_of: Mozilla/Firefox/Releases/63 +--- +<div>{{FirefoxSidebar}}</div> + +<div>{{draft}}</div> + +<p class="summary">Bu makale Firefox 63 üzerinde yapılan değişiklikler hakkında geliştiricilerini etkileyecek bilgiler sağlamaktadır. Firefox 63, <a href="https://www.mozilla.org/en-US/firefox/channel/desktop/#nightly">Firefox'un Gecelik versiyonu</a> ve <a href="https://wiki.mozilla.org/RapidRelease/Calendar#Future_branch_dates">23 Ekim 2018 </a>yayımlanacak.</p> + +<h2 id="Web_Geliştiricileri_için_Değişiklikler">Web Geliştiricileri için Değişiklikler</h2> + +<h3 id="Geliştirici_Araçları">Geliştirici Araçları</h3> + +<ul> + <li>{{Glossary("CORS")}} hatası meydana geldiğinde ve konsolda rapor edildiğinde Firefox ilgili sayfadan <a href="/en-US/docs/Web/HTTP/CORS/Errors">CORS hata dökümanı</a> 'na link vermektedir ({{bug(1475391)}}).</li> +</ul> + +<h4 id="Kaldırılanlar">Kaldırılanlar</h4> + +<p> </p> + +<h3 id="HTML">HTML</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_2">Kaldırılanlar</h4> + +<p> </p> + +<h3 id="CSS">CSS</h3> + +<ul> + <li>Destek için {{Cssxref(":defined")}} pseudoclass eklendi.</li> + <li>Destek için {{cssxref("row-gap")}}, {{cssxref("column-gap")}} ve {{cssxref("gap")}} <a href="/en-US/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox#The_gap_properties">Flex layout</a> 'a<a href="/en-US/docs/Web/CSS/CSS_Box_Alignment/Box_Alignment_in_Flexbox#The_gap_properties"> </a>eklendi.</li> +</ul> + +<h4 id="Kaldırılanlar_3">Kaldırılanlar</h4> + +<h3 id="SVG">SVG</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_4">Kaldırılanlar</h4> + +<h3 id="JavaScript">JavaScript</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_5">Kaldırılanlar</h4> + +<h3 id="API'ler">API'ler</h3> + +<h4 id="Yeni_API'ler">Yeni API'ler</h4> + +<ul> + <li>{{domxref("MediaCapabilities", "Media Capabilities API")}} tamamlandı.</li> +</ul> + +<h4 id="DOM">DOM</h4> + +<ul> + <li>{{domxref("Element.toggleAttribute()")}} metodu tamamlandı ({{bug(1469592)}}).</li> +</ul> + +<h4 id="DOM_Olayları">DOM Olayları</h4> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Service_workers">Service workers</h4> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Media_Web_Audio_and_WebRTC">Media, Web Audio, and WebRTC</h4> + +<ul> + <li>{{domxref("MediaDevices.enumerateDevices()")}} metodu şimdi medya cihazları çıkışını numaralandırılıyor ; önceden, Firefox 'ta yanlızca medya araçları girişini numaralandırılıyordu ({{bug(1152401)}}).</li> + <li>Spesifikasyonlardan çıkarıldığından beri Web Audio API üzerindeki limitli Doppler effekti {{domxref("PannerNode")}} kaldırıldı. {{domxref("AudioListener")}}, {{domxref("AudioListener.dopplerFactor", "dopplerFactor")}} ve {{domxref("AudioListener.speedOfSound", "speedOfSound")}} özellikleri ile birlikte <code>PannerNode</code> metodu {{domxref("PannerNode.setVelocity", "setVelocity()")}} özelliği kaldırıldı ({{bug(1148354)}}).</li> + <li>{{domxref("ConstantSourceNode")}} Web Audio API node tipi şimdi spesifikasyonları eşleştirmek için varsayılan olarak 1 değil 2 kanala sahiptir ({{bug(1413283)}}).</li> +</ul> + +<h4 id="Canvas_and_WebGL">Canvas and WebGL</h4> + +<ul> + <li>Yeni <code>powerPreference</code> özelliği {{domxref("HTMLCanvasElement.getContext()")}}'e eklendi. Bu MacOS işletim sisteminde çoklu GPU sistemlerinde yüksek GPU kullanımı yerine düşük GPU gücü kullanan applet'lere ve kritik olmayan performans WebGL uygulamalarına izin verir ({{bug(1349799)}}) . </li> +</ul> + +<h4 id="Kaldırılanlar_6">Kaldırılanlar</h4> + +<h3 id="CSSOM">CSSOM</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_7">Kaldırılanlar</h4> + +<h3 id="HTTP">HTTP</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_8">Kaldırılanlar</h4> + +<h3 id="Güvenlik">Güvenlik</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_9">Kaldırılanlar</h4> + +<h3 id="Eklentiler">Eklentiler</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_10">Kaldırılanlar</h4> + +<h3 id="Diğerleri">Diğerleri</h3> + +<p><em>Değişiklik yok.</em></p> + +<h4 id="Kaldırılanlar_11">Kaldırılanlar</h4> + +<h2 id="Add-on_Geliştiricileri_için_Değişiklikler">Add-on Geliştiricileri için Değişiklikler</h2> + +<h3 id="API_Değişiklikleri">API Değişiklikleri</h3> + +<ul> + <li> + <p>Kurulu arama motorlarını geri almak için "arama" API'si eklendi.</p> + </li> +</ul> + +<h2 id="Bakınız">Bakınız</h2> + +<ul> + <li>Site uyumluluğu için Firefox 63'e bakınız.</li> +</ul> + +<h2 id="Eski_Versiyonlar">Eski Versiyonlar</h2> + +<p>{{Firefox_for_developers(62)}}</p> diff --git a/files/tr/mozilla/firefox/releases/81/index.html b/files/tr/mozilla/firefox/releases/81/index.html new file mode 100644 index 0000000000..d7291cf17a --- /dev/null +++ b/files/tr/mozilla/firefox/releases/81/index.html @@ -0,0 +1,94 @@ +--- +title: Firefox 81 for developers +slug: Mozilla/Firefox/Releases/81 +translation_of: Mozilla/Firefox/Releases/81 +--- +<p><font><font>{{FirefoxSidebar}}</font></font></p> + +<p class="summary"><font><font>Bu makale, Firefox 81'de geliştiricileri etkileyecek değişiklikler hakkında bilgi sağlar. </font><font>Firefox 81, Firefox'un güncel </font></font><a href="https://www.mozilla.org/en-US/firefox/channel/desktop/#beta"><font><font>Beta sürümüdür</font></font></a><font><font> ve </font></font><a href="https://wiki.mozilla.org/RapidRelease/Calendar#Future_branch_dates"><font><font>22 Eylül 2020'de piyasaya</font></font></a><font><font> sürülecektir </font><font>.</font></font></p> + +<h2 id="Web_geliştiricileri_için_değişiklikler"><font><font>Web geliştiricileri için değişiklikler</font></font></h2> + +<h3 id="Geliştirici_Araçları"><font><font>Geliştirici Araçları</font></font></h3> + +<p><em><font><font>Değişiklik yok</font></font></em></p> + +<h4 id="Konsol"><font><font>Konsol</font></font></h4> + +<h4 id="Hata_ayıklayıcı"><font><font>Hata ayıklayıcı</font></font></h4> + +<h4 id="Diğer_Aletler"><span><font><font>Diğer Aletler</font></font></span></h4> + +<h3 id="HTML"><font><font>HTML</font></font></h3> + +<ul> + <li><code><a href="/en-US/docs/Web/HTML/Element/iframe"><iframe></a></code><font><font>Öğenin </font></font><code>sandbox</code><font><font>nitelik şimdi destekler </font></font><code>allow-downloads</code><font><font>belirteç. </font><font>({{hata (1558394)}})</font></font></li> +</ul> + +<h4 id="Kaldırmalar"><font><font>Kaldırmalar</font></font></h4> + +<ul> + <li><font><font>Standart dışı </font></font><code>mozallowfullscreen</code><font><font>öznitelik </font><font>desteği, bölümünden </font><font>kaldırıldı </font></font><code><a href="/en-US/docs/Web/HTML/Element/iframe"><iframe></a></code><font><font>. </font></font><code>allow="fullscreen"</code><font><font>Bunun yerine </font><font>kullanmayı düşünün </font><font>. </font><font>({{hata (1657599)}})</font></font></li> +</ul> + +<h3 id="CSS"><font><font>CSS</font></font></h3> + +<p><em><font><font>Değişiklik yok</font></font></em></p> + +<h4 id="Kaldırmalar_2"><font><font>Kaldırmalar</font></font></h4> + +<ul> + <li><font><font>Standart olmayan {{CSSxRef (":: - moz-focus-external")}} </font></font><a href="/en-US/docs/Web/CSS/Pseudo-elements"><font><font>sözde öğesi</font></font></a><font><font> kaldırıldı.</font></font></li> +</ul> + +<h3 id="JavaScript"><font><font>JavaScript</font></font></h3> + +<p><em><font><font>Değişiklik yok</font></font></em></p> + +<h4 id="Kaldırmalar_3"><font><font>Kaldırmalar</font></font></h4> + +<h3 id="HTTP"><font><font>HTTP</font></font></h3> + +<ul> + <li><font><font>Firefox artık standart olmayan </font></font><a href="/en-US/docs/Web/HTTP/Headers/Content-Disposition"><font><font>Content-Disposition</font></font></a><font><font> üstbilgilerini, boşluk içeren, alıntılanmamış bir dosya </font><a href="/en-US/docs/Web/HTTP/Headers/Content-Disposition"><font>adıyla</font></a><font> kabul ediyor </font><font>. </font><font>({{hata (1440677)}})</font></font></li> +</ul> + +<h4 id="Kaldırmalar_4"><font><font>Kaldırmalar</font></font></h4> + +<h3 id="APIler"><font><font>API'ler</font></font></h3> + +<p><em><font><font>Değişiklik yok</font></font></em></p> + +<h4 id="DOM"><font><font>DOM</font></font></h4> + +<ul> + <li><a href="/en-US/docs/Web/API/Worker"><font><font>Worker</font></font></a><font><font> ve </font></font><a href="/en-US/docs/Web/API/SharedWorker"><font><font>SharedWorker</font></font></a><font><font> artık yürütülen komut dosyası için kesinlikle bir JavaScript MIME türü uyguluyor. </font><font>({{hata (1569123)}})</font></font></li> +</ul> + +<h4 id="Medya_WebRTC_ve_Web_Audio"><font><font>Medya, WebRTC ve Web Audio</font></font></h4> + +<h4 id="Kaldırmalar_5"><font><font>Kaldırmalar</font></font></h4> + +<h3 id="WebAssembly"><font><font>WebAssembly</font></font></h3> + +<p><em><font><font>Değişiklik yok</font></font></em></p> + +<h4 id="Kaldırmalar_6"><font><font>Kaldırmalar</font></font></h4> + +<h2 id="Eklenti_geliştiricileri_için_değişiklikler"><font><font>Eklenti geliştiricileri için değişiklikler</font></font></h2> + +<ul> + <li><code><a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/saveAsPDF">tabs.saveAsPDF()</a></code><font><font>artık macOS'ta desteklenmektedir. </font><font>({{hata (1653354)}})</font></font></li> +</ul> + +<h4 id="Kaldırmalar_7"><font><font>Kaldırmalar</font></font></h4> + +<h2 id="Ayrıca_bakınız"><font><font>Ayrıca bakınız</font></font></h2> + +<ul> + <li><a href="https://www.fxsitecompat.com/en-CA/versions/81/"><font><font>Firefox 81 için site uyumluluğu</font></font></a></li> +</ul> + +<h2 id="eski_versiyonlar"><font><font>eski versiyonlar</font></font></h2> + +<p><font><font>{{Firefox_for_developers (80)}}</font></font></p> diff --git a/files/tr/mozilla/firefox/releases/index.html b/files/tr/mozilla/firefox/releases/index.html new file mode 100644 index 0000000000..8c23f95aa8 --- /dev/null +++ b/files/tr/mozilla/firefox/releases/index.html @@ -0,0 +1,12 @@ +--- +title: Firefox developer release notes +slug: Mozilla/Firefox/Releases +tags: + - Firefox + - NeedsTranslation + - TopicStub +translation_of: Mozilla/Firefox/Releases +--- +<div>{{FirefoxSidebar}}</div><p>This page provides links to the "Firefox X for developers" articles for each Firefox release. These notes let you see what features were added and bugs eliminated in each version of Firefox.</p> +<div class="multiColumnList"> + {{ListSubpages("",1,1,1)}}</div> diff --git a/files/tr/mozilla/index.html b/files/tr/mozilla/index.html new file mode 100644 index 0000000000..220a8e1145 --- /dev/null +++ b/files/tr/mozilla/index.html @@ -0,0 +1,13 @@ +--- +title: Mozilla +slug: Mozilla +tags: + - NeedsTranslation + - TopicStub +translation_of: Mozilla +--- +<div> + {{draft}}</div> +<p>This will soon be an awesome landing page for Mozilla internals. For now, it's not.</p> +<div> + {{LandingPageListSubpages}}</div> diff --git a/files/tr/mozilla/participating_in_the_mozilla_project/index.html b/files/tr/mozilla/participating_in_the_mozilla_project/index.html new file mode 100644 index 0000000000..7d32612744 --- /dev/null +++ b/files/tr/mozilla/participating_in_the_mozilla_project/index.html @@ -0,0 +1,64 @@ +--- +title: Participating in the Mozilla project +slug: Mozilla/Participating_in_the_Mozilla_project +translation_of: Mozilla/Participating_in_the_Mozilla_project +--- +<p>Hataları düzeltmeye ve Mozilla platformunun arkasındaki kod üzerinde çalışmaya yardımcı olmakla ilgileniyorsanız, sizi doğru yönde yönlendirecek belgeleri bulmak için en uygun yer burasıdır.</p> + +<table> + <tbody> + <tr> + <td style="vertical-align: top;"> + <h2 id="Genel_başlıklar">Genel başlıklar</h2> + + <dl> + <dt><a href="/en-US/docs/Mozilla/Developer_guide">Mozilla geliştirici kılavuzu</a></dt> + <dd>Mozilla kod tabanına katkıda bulunmak için geliştirme ipuçları ve kılavuzlar.</dd> + <dt><a href="/en-US/docs/Mozilla/Developer_guide/Source_Code">Mozilla kaynak kodu</a></dt> + <dd>Mozilla kodunu indirerek veya sürüm kontrolü yoluyla nasıl edineceğiniz ve kodunuzu ağaca nasıl alacağınız hakkında bilgiler.</dd> + <dt><a href="/en-US/docs/Mozilla/Developer_guide/Build_Instructions">Belge Oluşturma</a></dt> + <dd>Firefox ve Thunderbird dahil olmak üzere Mozilla projelerinin nasıl oluşturulacağı hakkında bilgiler. <em>Bu sayfanın temizlenmesi gerekiyor.</em></dd> + <dt><a class="internal" href="/en-US/docs/Mozilla/The_Mozilla_platform" title="En/The Mozilla platform">The Mozilla platform</a></dt> + <dd>Tüm API'leri ve teknolojileri dahil olmak üzere Mozilla platformu hakkında ve bunları kendi projelerinizde nasıl kullanacağınız hakkında bilgiler.</dd> + <dt><a class="internal" href="/en-US/docs/MDN/Getting_started">Documenting Mozilla</a></dt> + <dd>Mozilla ve açık Web için belgelerimizi oluşturmamıza ve geliştirmemize yardımcı olun.</dd> + <dt><a class="internal" href="/en-US/docs/Mozilla/Debugging">Debugging</a></dt> + <dd>Mozilla kodunda hata ayıklarken izlenecek faydalı ipuçları ve yönergeler.</dd> + <dt><a class="internal" href="/en-US/docs/Mozilla/QA">Quality assurance</a></dt> + <dd>Test ve hata izleme hakkında bilgiler.</dd> + <dt><a class="internal" href="/en-US/docs/Glossary/Localization" title="En/Localization">Localization</a></dt> + <dd>Mozilla projelerini, belgelerini ve diğer içeriği birden çok dile çevirmeye ilişkin belgeler.</dd> + <dt><a class="internal" href="/en-US/docs/Glossary" title="En/Glossary">Glossary</a></dt> + <dd>Mozilla hackerları tarafından kullanılan terimler ve tanımlar.</dd> + </dl> + + <h2 id="Proje_sayfaları">Proje sayfaları</h2> + + <dl> + <dt><a class="internal" href="/en-US/docs/Mozilla/Thunderbird">Thunderbird</a></dt> + <dd>Mozilla'nın e-posta istemcisi</dd> + <dt><a class="internal" href="/en-US/docs/Mozilla/Calendar">Calendar</a></dt> + <dd>Mozilla takvim projesi.</dd> + </dl> + </td> + <td style="vertical-align: top;"> + <h2 id="Araçlar">Araçlar</h2> + + <dl> + <dt><a class="external" href="https://bugzilla.mozilla.org/">Bugzilla</a></dt> + <dd>Bugzilla veritabanı, Mozilla projeleriyle ilgili sorunları izlemek için kullanılır.</dd> + <dt><a class="external" href="https://dxr.mozilla.org/">DXR</a></dt> + <dd>Web'deki Mozilla kaynak kodu deposuna göz atın ve arayın.</dd> + <dt><a class="external" href="http://bonsai.mozilla.org/cvsqueryform.cgi">Bonsai</a></dt> + <dd>Bonsai aracı, depodaki hangi dosyayı kimin değiştirdiğini ve ne zaman yaptığını bulmanızı sağlar. (Bu, Firefox 3.0 ve daha eski sürümler içindir.)</dd> + <dt><a class="external" href="http://tinderbox.mozilla.org/showbuilds.cgi" title="http://tinderbox.mozilla.org/showbuilds.cgi">Tinderbox</a></dt> + <dd><a class="internal" href="/en/Tinderbox" title="En/Tinderbox">Tinderbox</a> ağacın durumunu gösterir (şu anda başarıyla oluşturulmuş olsun ya da olmasın). Çalışan bir ağaçla çalıştığınızdan emin olmak için giriş ve çıkış yapmadan önce bunu kontrol edin.</dd> + <dt><a class="internal" href="/en-US/docs/Mozilla/Projects/Crash_reporting" title="en/Crash reporting">Crash tracking</a></dt> + <dd>Socorro kaza raporlama sistemi hakkında bilgiler.</dd> + <dt><a class="external" href="http://www.mozilla.org/community/developer-forums.html">Developer forums</a></dt> + <dd>Mozilla geliştirme sorunları hakkında konuşabileceğiniz konuya özgü tartışma forumları listesi.</dd> + </dl> + </td> + </tr> + </tbody> +</table> diff --git a/files/tr/mozilla/persona/index.html b/files/tr/mozilla/persona/index.html new file mode 100644 index 0000000000..2e1b435922 --- /dev/null +++ b/files/tr/mozilla/persona/index.html @@ -0,0 +1,159 @@ +--- +title: Persona +slug: Mozilla/Persona +translation_of: Archive/Mozilla/Persona +--- +<div class="boxed translate-display"> +<div class="summary"><font><font>Basit, gizlilik-duyarlı tek oturum açma: Kullanıcıların e-posta adresi ile web sitenize oturum izin ve şifre yönetimi kendinizi özgür.</font></font></div> + +<div class="column-container"> +<div class="callout-box"> +<p><strong><font><font>Koparmayın veya yardım almak!</font></font></strong></p> + +<p><font><font>Takip </font></font><a class="external" href="http://identity.mozilla.com/"><font><font>eden blog</font></font></a><font><font> katılmak, </font></font><a class="link-https" href="https://lists.mozilla.org/listinfo/dev-identity"><font><font>posta listesi</font></font></a><font><font> , bizi bulmak </font></font><a class="link-irc" href="irc://irc.mozilla.org/identity"><font><font>#identity</font></font></a><font><font> üzerindeki </font></font><a class="link-https" href="https://wiki.mozilla.org/IRC"><font><font>IRC</font></font></a><font><font> veya </font></font><a class="link-https" href="https://github.com/mozilla/browserid/issues/new"><font><font>bir hatayı bildirmek</font></font></a><font><font> .</font></font></p> +</div> + +<p><a href="https://login.persona.org/"><font><font>Mozilla Persona</font></font></a><font><font> kullanımı kolay ve dağıtmak için kolay Web için bir çapraz tarayıcı giriş sistemidir. </font><font>Bu çalışır </font></font><a href="https://developer.mozilla.org/en-US/docs/persona/Browser_compatibility"><font><font>, tüm büyük tarayıcılar</font></font></a><font><font> ve yapabilirsiniz </font></font><a href="https://developer.mozilla.org/en-US/docs/Persona/Quick_Setup"><font><font>bugün başlamak</font></font></a><font><font> .</font></font></p> + +<p><font><font>Neden web sitenizde Persona kullanmalıyım?</font></font></p> + +<ol> + <li><strong><font><font>Persona tamamen siteye özgü şifreleri ortadan kaldırır</font></font></strong><font><font> , yaratma yönetmek ve güvenli şifreler depolama yükünden kullanıcıları ve web sitelerini serbest.</font></font></li> + <li><strong><font><font>Persona. Kullanımı kolay</font></font></strong><font><font> bir Persona kullanıcı gibi yeni bir siteye oturum açabilirsiniz sadece iki tıklama ile </font></font><a href="http://voo.st"><font><font>Voost</font></font></a><font><font> hesap oluşturma ile ilişkili sürtünme atlayarak.</font></font></li> + <li><strong><font><font>Persona uygulanması kolaydır </font></font></strong><strong><font><font>.</font></font></strong><font><font> Geliştiriciler, tek bir öğleden sonra bir siteye Persona ekleyebilirsiniz.</font></font></li> + <li><strong><font><font>Hiçbir kilit-var</font></font></strong><font><font> . </font><font>Geliştiriciler kendi tüm kullanıcılar için doğrulanmış e-posta adresi almak ve kullanıcılar Persona ile herhangi bir e-posta adresini kullanabilirsiniz.</font></font></li> +</ol> + +<p><font><font>Ayrıca, Persona sadece daha iyi gidiyor: bir inşa var </font></font><strong><font><font>, açık, ademi merkeziyetçi protokol</font></font></strong><font><font> sağlamak için tasarlanmıştır </font></font><strong><font><font>tarayıcılar içine doğrudan entegrasyon</font></font></strong><font><font> ve </font></font><strong><font><font>e-posta sağlayıcıları tarafından doğal destek </font></font></strong><strong><font><font>.</font></font></strong><font><font> otomatik olarak bu gelişmeler yaşayacaksınız bugün Persona uygulamak Siteleri, herhangi bir kodu değiştirmek zorunda kalmadan .</font></font></p> +</div> + +<hr> +<div class="column-container"> +<h2 id="Sitenizde_Persona_kullanma"><font><font>Sitenizde Persona kullanma</font></font></h2> + + +<div class="column-third"> +<h3 id="Başlarken"><font><font>Başlarken</font></font></h3> + +<dl> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Why_Persona"><font><font>Neden Persona?</font></font></a></dt> + <dd><font><font>Diğer kimlik ve kimlik doğrulama sistemlerine kıyasla Persona hakkında özel nedir.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Quick_Setup"><font><font>Hızlı kurulum</font></font></a></dt> + <dd><font><font>Web Persona eklemek nasıl gösteren bir örneklerde.</font></font></dd> +</dl> + +<h3 id="API_başvuru"><font><font>API başvuru</font></font></h3> + +<dl> + <dt><a href="https://developer.mozilla.org/en-US/Persona/The_navigator.id_API"><font><font>navigator.id API</font></font></a></dt> + <dd><font><font>Tarayıcı API.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Remote_Verification_API"><font><font>Doğrulama API başvuru</font></font></a></dt> + <dd><font><font>Uzaktan doğrulama API.</font></font></dd> +</dl> +</div> + +<div class="column-third"> +<h3 id="Kılavuzlar"><font><font>Kılavuzlar</font></font></h3> + +<dl> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Security_Considerations"><font><font>Güvenlik noktaları</font></font></a></dt> + <dd><font><font>Uygulamaları ve teknikler Persona dağıtım güvenli olduğundan emin olmak için.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Browser_compatibility"><font><font>Tarayıcı uyumluluğu</font></font></a></dt> + <dd><font><font>Bilgi tam olarak hangi tarayıcıları Persona destek.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Internationalization"><font><font>Uluslararasılaşma</font></font></a></dt> + <dd><font><font>Persona farklı dilleri nasıl işleyeceğini öğrenin.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/The_implementor_s_guide"><font><font>implementor kılavuzu</font></font></a></dt> + <dd><font><font>Persona için destek ekledik sitelerden ipuçları.</font></font></dd> +</dl> +</div> + +<div class="column-third"> +<h3 id="Kaynaklar"><font><font>Kaynaklar</font></font></h3> + +<dl> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Libraries_and_plugins"><font><font>Kütüphaneler ve eklentileri</font></font></a></dt> + <dd><font><font>Sevdiğiniz programlama dili, web çerçeve, blog, ya da içerik yönetim sistemi için bir damla-kütüphane bulun.</font></font></dd> + <dt><a class="link-https" href="https://github.com/mozilla/browserid-cookbook"><font><font>Persona yemek kitabı</font></font></a></dt> + <dd><font><font>Persona siteleri için örnek kaynak kodu. </font><font>C # parçacıkları (MVC3), PHP, node.js, ve daha fazlasını içerir.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/branding"><font><font>Markalaşma kaynakları</font></font></a></dt> + <dd><font><font>Düğmeleri ve diğer grafik giriş yap kullanıcılara mevcut Persona yardımcı olur.</font></font></dd> +</dl> +</div> +</div> + +<hr> +<div class="column-container"> +<h2 id="Kimlik_Sağlayıcı_Olmak"><font><font>Kimlik Sağlayıcı Olmak</font></font></h2> + +<p><font><font>Eğer bir e-posta sağlayıcısı veya başka bir kimlik-sağlayan hizmet iseniz, bir Persona Kimlik Sağlayıcı olma hakkında bilgi edinmek için aşağıdaki bağlantıları kontrol edin.</font></font></p> + +<dl> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Identity_Provider_Overview"><font><font>IdP Genel Bakış</font></font></a></dt> + <dd><font><font>Persona Kimlik Sağlayıcıları bir üst düzey görünümü.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Implementing_a_Persona_IdP"><font><font>IDP Uygulamak</font></font></a></dt> + <dd><font><font>Yerinden Olmuş Kişiler olma teknik detaylar ayrıntılı bir rehber.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/.well-known-browserid"><font><font>.well bilinen / browserid</font></font></a></dt> + <dd><font><font>Yapısı ve amacı genel bir bakış </font></font><code><font><font>.well bilinen / browserid</font></font></code><font><font> yerinden edilmiş kişilerin protokol için onların desteğini tanıtımı için kullanmak dosyaya.</font></font></dd> +</dl> +</div> + +<hr> +<div class="column-container"> +<h2 id="Persona_Projesi"><font><font>Persona Projesi</font></font></h2> + +<dl> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Glossary"><font><font>Sözlük</font></font></a></dt> + <dd><font><font>BrowserID ve Persona terminoloji tanımlanır.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/FAQ"><font><font>SSS</font></font></a></dt> + <dd><font><font>Sık sorulan soruların yanıtları.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Protocol_Overview"><font><font>Protokol genel bakış</font></font></a></dt> + <dd><font><font>Altta yatan BrowserID protokolünün bir orta düzey teknik bakış.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/persona/Crypto"><font><font>Kripto</font></font></a></dt> + <dd><font><font>Persona ve BrowserID arkasında şifreleme kavramlar bir bakış.</font></font></dd> + <dt><a class="link-https" href="https://github.com/mozilla/id-specs/blob/prod/browserid/index.md"><font><font>Spec</font></font></a></dt> + <dd><font><font>Derin teknik detaylar burada yaşıyor.</font></font></dd> + <dt><a href="https://developer.mozilla.org/en-US/docs/Persona/Bootstrapping_Persona"><font><font>Persona web sitesi</font></font></a></dt> + <dd><font><font>Persona gidiyor almak için, biz de üç barındırma hizmetleri konum </font></font><a class="link-https" href="https://login.persona.org" rel="freelink"><font><font>https://login.persona.org</font></font></a><font><font> : bir geri dönüş Kimlik Sağlayıcı, {{domxref ("navigator.id")}} API'leri taşınabilir uygulanmasını ve bir kimlik belirtilme doğrulama hizmeti.</font></font></dd> + <dt><a href="https://github.com/mozilla/browserid"><font><font>Persona kaynak kodu</font></font></a></dt> + <dd><font><font>Persona web sitesi arkasında kod GitHub üzerinde bir depo yaşıyor. </font><font>Istekleri hoş geldiniz çekin!</font></font></dd> +</dl> +</div> + +<h2 id="Subnav"><font><font>Subnav</font></font></h2> + +<ol> + <li><a href="https://developer.mozilla.org/tr/docs/Persona$edit#"><font><font>Bir web sitesinde Persona kullanma</font></font></a> + + <ol> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Why_Persona" title="Neden Persona?"><font><font>Neden Persona kullanmanız gerekir?</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Quick_setup" title="Hızlı Başlangıç"><font><font>Başlamak</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/The_implementor_s_guide" title="Implementor Kılavuzu"><font><font>Persona uygulanması için ipuçları</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Security_Considerations" title="Güvenlik Kaygıları"><font><font>Güvenlik noktaları</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Browser_compatibility" title="Tarayıcı uyumluluğu"><font><font>Tarayıcı uyumluluğu</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Internationalization" title="Uluslararasılaşma"><font><font>Uluslararasılaşma</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/Persona/The_navigator.id_API" title="navigator.id API"><font><font>navigator.id API</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Remote_Verification_API" title="Uzaktan Doğrulama API"><font><font>Uzaktan doğrulama API</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Libraries_and_plugins" title="Kütüphaneler ve eklentileri"><font><font>Kütüphaneler ve eklentileri</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/branding" title="Markalaşma kaynakları"><font><font>Markalaşma kaynakları</font></font></a></li> + </ol> + </li> + <li><a href="https://developer.mozilla.org/tr/docs/Persona$edit#"><font><font>Kimlik Sağlayıcı Olmak</font></font></a> + <ol> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Identity_Provider_Overview" title="IdP Genel Bakış"><font><font>IdP Genel Bakış</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Implementing_a_Persona_IdP" title="IDP Uygulamak"><font><font>IDP Uygulamak</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-us/docs/Persona/.well-known-browserid" title=".well bilinen en browserid biçimi"><font><font>.well bilinen en browserid biçimi</font></font></a></li> + </ol> + </li> + <li><a href="https://developer.mozilla.org/tr/docs/Persona$edit#"><font><font>Persona projesi</font></font></a> + <ol> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Glossary" title="Sözlük"><font><font>Sözlük</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-us/docs/Persona/FAQ" title="SSS"><font><font>SSS</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-us/docs/Persona/Bootstrapping_Persona" title="Persona barındırılan hizmetler"><font><font>Persona barındırılan hizmetler</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/Persona/Protocol_Overview" title="Protokol genel bakış"><font><font>Protokol genel bakış</font></font></a></li> + <li><a href="https://developer.mozilla.org/en-US/docs/persona/Crypto" title="Kripto"><font><font>Kriptografi</font></font></a></li> + </ol> + </li> +</ol> +</div> + +<p> </p> diff --git a/files/tr/mozilla/projects/index.html b/files/tr/mozilla/projects/index.html new file mode 100644 index 0000000000..d7e62c6882 --- /dev/null +++ b/files/tr/mozilla/projects/index.html @@ -0,0 +1,15 @@ +--- +title: Projects +slug: Mozilla/Projects +tags: + - Landing + - Mozilla + - NeedsContent + - NeedsTranslation + - Projects + - TopicStub +translation_of: Mozilla/Projects +--- +<p>Here you'll find links to documentation about various Mozilla projects; these are often parts of Firefox or other products, but may also be used in other projects as well.</p> + +<p>{{ LandingPageListSubpages() }}</p> diff --git a/files/tr/mozilla/projects/necko/index.html b/files/tr/mozilla/projects/necko/index.html new file mode 100644 index 0000000000..950d678543 --- /dev/null +++ b/files/tr/mozilla/projects/necko/index.html @@ -0,0 +1,29 @@ +--- +title: Necko +slug: Mozilla/Projects/Necko +translation_of: Mozilla/Projects/Necko +--- +<p><strong>Necko bir internet kütüphanesidir ve bu kütüphane platform-alıcısı API'sını bağlantı , protocol ayarlamak için kullanılır.</strong></p> + +<p>Şu anda bu sistem sadece Mozilla Distribution'un yapı parçasıdır. Bunun denemesini <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide/Build_Instructions/Simple_Firefox_build">Yapı Dosyaları</a>ndan bulunabilir. Bunu heryere taşıyarak Mozilla'nın emeğini yani paylaşmayı gösteririz.</p> + +<p>Kodu en son sürümünde şuradan izleyin: {{Kaynak("netwerk/")}}</p> + +<h2 id="Documents">Documents</h2> + +<ul> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/Necko_walkthrough">A necko code walkthrough</a></li> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/Architecture">Necko Architecture</a></li> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/Multithreading">Necko multithreading</a></li> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/FAQ">Necko FAQ</a></li> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/Interfaces_overview">Necko Interfaces overview</a></li> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/HTTP_module">The Necko HTTP module</a></li> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/Proxies_in_Necko">Proxies in Necko</a></li> + <li><a href="/en-US/docs/Mozilla/Projects/Necko/Proxy_Auto-Configuration_(PAC)_file">PAC files</a></li> +</ul> + +<h2 id="Community">Community</h2> + +<ul> + <li>View Mozilla forums... {{ DiscussionList("dev-tech-network", "mozilla.dev.tech.network") }}</li> +</ul> diff --git a/files/tr/mozilla/qa/bug_writing_guidelines/index.html b/files/tr/mozilla/qa/bug_writing_guidelines/index.html new file mode 100644 index 0000000000..c317b057fa --- /dev/null +++ b/files/tr/mozilla/qa/bug_writing_guidelines/index.html @@ -0,0 +1,237 @@ +--- +title: Bug report writing guidelines +slug: Mozilla/QA/Bug_writing_guidelines +translation_of: Mozilla/QA/Bug_writing_guidelines +--- +<div class="note"> +<p><strong>If you need help with Mozilla software (for example with Firefox, Seamonkey or Thunderbird), use one of the available <a href="http://www.mozilla.org/support/">support options</a>.</strong> Do not edit this page!</p> +</div> + +<p><span class="seoSummary">This page assumes you'd like to contribute to the Mozilla project by collecting enough information to enter a useful bug report in Bugzilla, the Mozilla bug tracking system.</span> Thank you!</p> + +<p>If you're new to reporting bugs, you may want to try getting help from the more experienced contributors. See the Community section on the <a href="/en-US/docs/QA">QA</a> page for pointers. If you're going to report a Firefox bug, you can also get assistance in the <span style="font-family: monospace;">#firefox</span> channel on <a href="irc://irc.mozilla.org/firefox">irc.mozilla.org</a>. For other projects (e.g., Thunderbird, SeaMonkey) you can find the appropriate channel on <a href="https://wiki.mozilla.org/IRC">IRC</a>.</p> + +<h2 id="How_to_report_a_bug">How to report a bug</h2> + +<h3 id="Open_a_new_bug_report_for_each_issue!">Open a new bug report for each issue!</h3> + +<p>So an effective bugfix workflow will be completed for each issue.</p> + +<h3 id="Other_details_you_should_heed">Other details you should heed</h3> + +<ol> + <li>Figure out the <strong>steps to reproduce a bug</strong>: + + <ul> + <li>If you have <a href="#Writing_precise_steps_to_reproduce">precise steps to reproduce</a> — great! — you're on your way to reporting a useful bug report.</li> + <li>If you can reproduce occasionally, but not after following specific steps, you must provide <a href="#specific-types">additional information</a> for the bug to be useful.</li> + <li>If you can't reproduce the problem, there's probably no use in reporting it, unless you provide unique information about its occurrence.</li> + </ul> + </li> + <li>Make sure your software is up to date. Ideally, test an in-development version to see whether your bug has already been fixed (e.g. <a href="http://www.mozilla.com/en-US/firefox/channel/">Firefox Beta, Aurora</a>, or bleeding-edge <a class="link-https" href="https://nightly.mozilla.org/">Nightly</a>).</li> + <li>When reporting a Firefox bug, first check if you can reproduce the bug in a <a href="https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles">new Firefox profile</a>. If the bug only happens in your existing profile, try to figure out what <a href="https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems">settings, extensions</a>, or <a href="https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data">files in your profile</a> are needed to reproduce the bug. + <ul> + <li>If the bug seems egregious (i.e. obviously affecting a large portion of users), there's probably something unusual about your setup that's a necessary part of the steps to reproduce the bug. You have much better chances of figuring it out than a developer who does not have access to your system.</li> + <li>If the bug falls into one of <a href="#specific-types">specific types of bugs listed in a section below</a>, it may still be useful even if you can't reproduce it in a new Firefox profile.</li> + </ul> + </li> + <li>Open the <a class="link-https" href="https://bugzilla.mozilla.org/enter_bug.cgi?format=guided">Enter a new bug</a> form, which will guide you through most of the bug reporting process: + <ul> + <li>Create a Bugzilla account if you don't have one already, select the product having the bug.</li> + <li>Enter a <strong>clear unique summary</strong> as <a href="#Writing_a_clear_summary">described below</a>; check if the bug has already been reported (if you want to be more thorough, there's an advanced guide on <a href="/en-US/docs/Screening_duplicate_bugs">screening duplicate bugs</a>).</li> + <li>Provide <strong>precise steps to reproduce</strong>, <strong>expected results</strong> and <strong>actual results</strong> as <a href="#Writing_precise_steps_to_reproduce">described in the following section</a>.</li> + <li>Provide additional information (also <a href="#Providing_additional_information">described below</a>), especially if you can't reproduce the bug in a new profile; and/or by reporting a <strong>crash</strong>, <strong>memory usage</strong>, <strong>performance</strong>, <strong>regression</strong> bug; or if the problem is with a specific web site.</li> + </ul> + </li> + <li>If you have multiple issues, please file separate bug reports.</li> +</ol> + +<h2 id="Writing_a_clear_summary">Writing a clear summary</h2> + +<p>How would you describe the bug using approximately 10 words? This is the first part of your bug report a triager or developer will see.</p> + +<p>A good summary should quickly and uniquely identify a bug report. It should explain the problem, not your suggested solution.</p> + +<ul> + <li>Good: "Cancelling a File Copy dialog crashes File Manager"</li> + <li>Bad: "Software crashes"</li> +</ul> + +<ul> + <li>Good: "Down-arrow scrolling doesn't work in <textarea> styled with overflow:hidden"</li> + <li>Bad: "Browser should work with my web site"</li> +</ul> + +<h2 id="Writing_precise_steps_to_reproduce">Writing precise steps to reproduce</h2> + +<p>How can a developer reproduce the bug on his or her own computer?</p> + +<p>Steps to reproduce are the <strong>most important part of any bug report</strong>. If a developer is able to reproduce the bug, the bug is very likely to be fixed. If the steps are unclear, it might not even be possible to know whether the bug has been fixed.</p> + +<table class="standard-table"> + <tbody> + <tr> + <th>What should you include in a bug report?</th> + <th>Good (precise) example</th> + <th>Bad (imprecise)</th> + </tr> + <tr> + <td>Indicate whether you can reproduce the bug at will, occasionally, or not at all.</td> + <td>I can reproduce by following these steps:</td> + <td></td> + </tr> + <tr> + <td> + <p>Describe your method of interacting with Firefox in addition to the intent of each step.</p> + </td> + <td> + <p>1. Start Firefox by clicking on the desktop icon<br> + 2. Press Cmd+N (or Ctrl+N for Windows users) to open a new browser window<br> + 3. Paste <a class="link-https" href="https://mail.google.com/" rel="freelink">https://mail.google.com/</a> in the address bar and press Enter</p> + </td> + <td>Open Gmail in another window</td> + </tr> + <tr> + <td> + <p>After your steps, precisely describe the <strong>observed (actual) result</strong> and the <strong>expected result</strong>. Clearly separate facts (observations) from speculations.</p> + </td> + <td><strong>Expected results</strong>: My Inbox displays correctly.<br> + <strong>Actual results</strong>: My inbox displays the message 'Your browser does not support cookies (error -91)'.</td> + <td> + <p>"It doesn't work"</p> + + <p>"Page displays incorrectly"</p> + </td> + </tr> + </tbody> +</table> + +<h2 id="Providing_additional_information">Providing additional information</h2> + +<p>The following information is requested for most bug reports. You can save time by providing this information below the Expected results. If you need to attach multiple files, you can do so after submitting the report.</p> + +<h3 id="For_specific_types_of_bugs"><a name="specific-types">For specific types of bugs</a></h3> + +<p>If you are reporting a <strong>crash bug</strong>, please <a href="/en-US/docs/How_to_get_a_stacktrace_for_a_bug_report">include a Breakpad ID or attach stack trace</a>, and include the crash signature in the bug summary as well as in the <strong>Crash Signature</strong> field.</p> + +<p>If you are reporting a <strong>memory use or leak bug</strong>, please <a href="/en-US/docs/Mozilla/Performance/about:memory">attach the output of about:memory</a>. Ideally, find steps to reproduce an increase in what is shown in about:memory (even after clicking the "Minimize memory usage" button at the bottom). If you have trouble finding steps to reproduce, try the Firefox Support page titled <a href="https://support.mozilla.org/en-US/kb/firefox-uses-too-much-memory-ram">Firefox Uses Too Much Memory (Ram) - How to Fix</a>. If you are a C++ developer, <a class="link-https" href="https://developer.mozilla.org/en-US/docs/Mozilla/Performance">more precise tools are available</a>.</p> + +<p>If you are reporting a <strong>bug about slowness or high CPU usage</strong>, please <a href="/en-US/docs/Mozilla/Performance/Reporting_a_Performance_Problem">provide a link to the performance profile in the bug</a>.</p> + +<p>If you are reporting a <strong>hang</strong> (beachball on macOS or "not responding" on Windows), please follow the instructions in <a href="/en-US/docs/How_to_Report_a_Hung_Firefox">How to Report a Hung Firefox</a>.</p> + +<p>If you are reporting a bug involving a <strong>Flash hang</strong>, please visit <a href="https://wiki.mozilla.org/Flash/Hang_Debugging">https://wiki.mozilla.org/Flash/Hang_Debugging</a> to learn how to provide useful information for developers.</p> + +<p>If you are reporting a <strong>bug involving a specific web page</strong>, please try to make a <a href="/en-US/docs/Reducing_testcases">reduced testcase</a> and attach it to the bug report. If you don't have time or expertise, please report the issue to <a href="https://webcompat.com/">webcompat.com</a> instead, where our volunteers will do this for you.</p> + +<p>If the bug was <strong>recently introduced</strong>, finding a <a href="http://mozilla.github.io/mozregression/quickstart.html">regression window</a> can help identify the cause of the bug.</p> + +<p><a href="http://www.chiark.greenend.org.uk/~sgtatham/bugs.html#intermittent">What if my bug seems "random" or "intermittent"?</a></p> + +<h3 id="For_most_Firefox_bugs">For most Firefox bugs</h3> + +<p>You should provide the following information for most Firefox bugs.</p> + +<table class="standard-table"> + <tbody> + <tr> + <th>What should you include in a bug report?</th> + <th>Example</th> + </tr> + <tr> + <td>Indicate if the problem can be reproduced using a <a href="https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles">new Firefox profile</a> and any changes you need to make in order to reproduce.</td> + <td>The problem can be reproduced in a new profile, but only if Preferences -> Privacy & Security -> Tracking Protection is selected.</td> + </tr> + <tr> + <td>If you can only reproduce with an existing profile try to figure out what <a href="https://support.mozilla.org/en-US/kb/troubleshoot-extensions-themes-to-fix-problems">settings, extensions</a>, or <a href="https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data">files in your profile</a> are needed to reproduce the bug. If you skip the step, <a href="https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox">save the troubleshooting information from about:support</a> to a file and attach it to the bug report.</td> + <td>I can't reproduce in a new profile, about:support information from the offending profile is attached.</td> + </tr> + <tr> + <td> + <p>Indicate if the problem can be reproduced using the <a href="https://nightly.mozilla.org/">latest Nightly build</a>. Include the <strong>Build ID</strong> from <a href="https://support.mozilla.org/en-US/kb/use-troubleshooting-information-page-fix-firefox">about:support</a>.</p> + + <p>If possible, test using the new Firefox profile you created. If you need to test the Nightly build with your regular profile, you might want to <a href="https://support.mozilla.org/en-US/kb/back-and-restore-information-firefox-profiles">back up the profile</a> first, since the pre-release build may corrupt your data.</p> + </td> + <td>The problem can be reproduced on the latest Nightly (Build ID 20170416100136).</td> + </tr> + </tbody> +</table> + + + +<div class="originaldocinfo"> +<h2 id="Original_document_information">Original document information</h2> + +<ul> + <li>Author(s): Jesse Ruderman, Gervase Markham</li> + <li>Other Contributors: Eli Goldberg, Claudius Gayle, Jan Leger, Felix Miata, Peter Mock, Chris Pratt, Chris Yeh, and others.</li> +</ul> +</div> + + + +<hr> +<h2 id="Advanced">Advanced</h2> + +<h3 id="Finding_the_correct_product_and_component" name="Finding_the_correct_product_and_component"><strong style="font-weight: bold;">Finding the correct product and component</strong></h3> + +<p>You will be asked to categorize your bug into a "product" and a "component" within that product, in order to direct your report to the correct developers.</p> + +<p>If you're using Firefox, the bug is most likely in "Firefox", "Toolkit", or "Core".</p> + +<ul> + <li><a class="link-https" href="https://bugzilla.mozilla.org/describecomponents.cgi?product=Firefox">List of components in the "Firefox" product</a> - Most parts of Firefox that you interact with directly</li> + <li><a class="link-https" href="https://bugzilla.mozilla.org/describecomponents.cgi?product=Toolkit">List of components in the "Toolkit" product</a> - Interface widgets and some frontend features</li> + <li><a class="link-https" href="https://bugzilla.mozilla.org/describecomponents.cgi?product=Core">List of components in the "Core" product</a> - Web page rendering, networking, etc.</li> +</ul> + +<p>When in doubt, search for similar bugs and see which component they are in.</p> + +<p>If none of the components seem appropriate, look for a "General" component in the most appropriate product.</p> + +<h3 id="General_Outline_of_a_Bug_Report">General Outline of a Bug Report</h3> + +<div class="note"> +<p>Most of the following article has been merged into this page from QMO: How to write a proper bug</p> +</div> + +<ul> + <li><strong>Summary</strong>: How would you describe the bug in less than 60 characters? It should quickly and uniquely identify a bug report as well as explain the problem, not your suggested solution. Good: "Canceling a File Copy dialog crashes File Manager" Bad: "Software crashes" Bad: "Browser should work with my web site"</li> + <li><strong>Component</strong>: In which sub-part of the software does it exist? This field is a requirement to submit any bug report. Click the word "Component" to see a description of each component. If none seems appropriate, highlight the "General" component.</li> + <li><a name="version"> </a><strong>Version</strong>: select the earliest Version with what the problem can be reproduced: + <ul> + <li>Developers will use that information to narrow down the commit what introduced a regression</li> + <li>QA staff needs that information to distinguish bugs with similar symptoms, but different roots. + <ul> + <li>Bugs that definitively appeared in different <em>Product</em> <em>Versions</em> probably will have different roots</li> + <li>But Bugs that started with the same <em>Product</em> <em>Version</em> probably are DUPLICATEs</li> + </ul> + </li> + <li><em>Trunk</em> does not allow any useful query. We have <em>Trunk</em> version bugs from beginning of the project until today, no common characteristics at all what can be tagged with this version. Avoid Trunk, replace it by precise information with what version the problem appeared if you can.</li> + </ul> + </li> + <li><strong>OS</strong>: On which operating system (OS) did you find it? (E.g. Linux, Windows, and Mac.) Example: "<em>If you know the bug happens on more than one type of operating system, choose "All". If your OS isn't listed, choose Other".</em></li> + <li><strong>Description</strong>: The details of your problem report, including: + <ul> + <li><u>Overview</u>: This is a larger detailed restatement of the summary. An example would be: <em>"Drag-selecting any page crashes Mac builds in the NSGetFactory function"</em>.</li> + <li><u>Build Id</u>: To find this either go to the "about:support" page via the location bar or, if you have MozQA's <a href="https://addons.mozilla.org/en-US/firefox/addon/nightly-tester-tools/">Nightly Tester Tools</a> extension, then go to Tools | Nightly Tester Tools and select the option that contains the output of the build Id. It should look something like this: <em>"Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:38.0) Gecko/20100101 Firefox/38.0 ID:20150330004006 CSet: 9e57e9776571"</em>.</li> + <li><u>Additional Builds and Platforms</u>: Whether or not the bug takes place on other platforms (or browsers, if applicable). It should look something like this: <em>"Doesn't Occur On Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:38.0) Gecko/20100101 Firefox/38.0 ID:20150330004006 CSet: 9e57e9776571"</em>.</li> + </ul> + </li> + <li><strong>Steps to Reproduce</strong>: Minimized, easy-to-follow steps that will trigger the bug. If they're necessary, make sure to include any special setup steps. A good example of this would look like the following:<br> + 1) View any web page. (I used the default sample page, http://www.google.com/).<br> + 2) Drag-select the page. Specifically, while holding down the mouse button, drag the mouse pointer downwards from any point in the browser's content region to the bottom of the browser's content region.</li> + <li><strong>Actual Results</strong>: What the application did after performing the above steps. An example would be: <em>The application crashed.</em></li> + <li><strong>Expected Results</strong>: What the application should have done, were the bug not present. An example would be: <em>The window should scroll downwards. Scrolled content should be selected. Or, at least, the application should not crash.</em></li> +</ul> + + + +<div class="originaldocinfo"> +<h4 id="Original_document_information_2">Original document information</h4> + +<ul> + <li>Author(s): Aakash Desai</li> + <li>Date last modified: June 3, 2013 at 2:41 am PST</li> +</ul> +</div> diff --git a/files/tr/mozilla/qa/index.html b/files/tr/mozilla/qa/index.html new file mode 100644 index 0000000000..81412404dc --- /dev/null +++ b/files/tr/mozilla/qa/index.html @@ -0,0 +1,251 @@ +--- +title: 'QA: Quality assurance at Mozilla' +slug: Mozilla/QA +tags: + - Landing + - NeedsTranslation + - QA + - Testing + - TopicStub +translation_of: Mozilla/QA +--- +<p>The Mozilla Quality Assurance (QA) team drives software quality assurance activities across Mozilla and plays a key role in releasing a diverse range of software products on schedule. Within each project in Mozilla, we work to explore new features, write and execute tests, uncover and file bugs, build and maintain tools, collect and analyze metrics, and support the release world-class products that promote the open Web.</p> + +<p><span class="seoSummary">Here you'll find articles and tools to help you gear up to join the QA team testing Firefox to ensure that each release is as good as it can be.</span></p> + +<h2 id="Get_started">Get started</h2> + +<ul class="card-grid"> + <li><span>How can I help test?</span> + + <p>There are lots of ways for you to become a <a href="/en-US/docs/Mozilla/QA/How_can_I_help_test_">community contributor</a> to the Mozilla quality team.</p> + </li> + <li><span>Bugs</span> + <p>All Mozilla projects use <a href="https://bugzilla.mozilla.org/">Bugzilla</a> to track bugs. Learn how to <a href="/en-US/docs/Mozilla/QA/Bug_writing_guidelines" title="/en-US/docs/Mozilla/QA/Bug_writing_guidelines">report a bug</a> and get familiar with <a href="/en-US/docs/What_to_do_and_what_not_to_do_in_Bugzilla">what to do in Bugzilla</a>.</p> + </li> + <li><span>Events</span> + <p>Get involved in our weekly <a href="/en-US/docs/Mozilla/QA/Bug_Verification_Day">Bug Verification Day</a> or <a href="/en-US/docs/Mozilla/QA/Bug_Triage_Day">Bug Triage Day</a>. You may even <a href="/en-US/docs/Mozilla/QA/Organizing_a_Testday">organize a testday</a> for your local community!</p> + </li> + <li><span>IRC</span> + <p><a href="/en-US/docs/Mozilla/QA/Getting_Started_with_IRC">Get started with IRC</a>, the primary form of communication for members of the Mozilla community.</p> + </li> +</ul> + +<h2 id="Bugs">Bugs</h2> + +<div class="row topicpage-table"> +<div class="section"> +<h3 id="Reporting_bugs">Reporting bugs</h3> + +<dl> + <dt><a href="/en-US/docs/Mozilla/Bugzilla">Bugzilla</a></dt> + <dd>All Mozilla projects use <a href="https://bugzilla.mozilla.org/">Bugzilla</a> to track bugs. You will need to <a href="https://bugzilla.mozilla.org/createaccount.cgi">create an account with Bugzilla</a> in order to report bugs and triage them.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Bug_writing_guidelines" title="/en-US/docs/Mozilla/QA/Bug_writing_guidelines">Bug writing guidelines</a></dt> + <dd>The more effectively a bug is reported, the more likely that an engineer will actually fix it. By following these guidelines, you can help ensure that your bugs stay at the top of the Mozilla engineers' heap, and get fixed.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/A_Bugs_Life" title="/en-US/docs/Mozilla/QA/A_Bugs_Life">A Bug's Life</a></dt> + <dd>This tutorial will give an overview of what happens in the states that a bug will go through as well as how it will go from one to the next within its total life. It also explains the meaning of flags/keywords used in QA.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Filing_Crash_Bugs">Filing Crash Bugs</a></dt> + <dd>This document lists guidelines and tips on how to file bug reports for crashes in a way that helps in debugging and fixing the reported issue.</dd> +</dl> +</div> + +<div class="section"> +<h3 id="Triaging_bugs">Triaging bugs</h3> + +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Confirming_unconfirmed_bugs" title="en-US/docs/Confirming unconfirmed bugs">Confirming unconfirmed bugs</a></dt> + <dd>Identify useful bug reports and close the rest.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Triaging_Bugs_for_Firefox" title="/en-US/docs/Mozilla/QA/Triaging_Bugs_for_Firefox">Triaging Bugs for Firefox</a></dt> + <dd>Information about the entire bug triaging process – from processing incoming bugs to narrowing down the steps to reproducing bugs.</dd> + <dt><a href="/en-US/docs/Screening_duplicate_bugs">Screening duplicate bugs</a></dt> + <dd>Help get bugs fixed faster by screening incoming reports for duplicates.</dd> + <dt><a href="/en-US/docs/What_to_do_and_what_not_to_do_in_Bugzilla">General Guidelines</a></dt> + <dd>What to do and what not to do in Bugzilla.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Manual_testing">Manual testing</h2> + +<div class="row topicpage-table"> +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Test_Case_Writing_Primer">Manual Test Case Writing Primer</a></dt> + <dd>How to write proper manual test cases</dd> +</dl> +</div> + +<div class="section"> +<dl> + <dt><a href="https://testrail.stage.mozaws.net/">TestRail</a></dt> + <dd>Mozilla QA's manual test cases reside in TestRail. You will need an LDAP account in order to login and execute test cases. Learn more on the <a href="https://wiki.mozilla.org/TestEngineering/Testrail">TestRail wiki page</a>.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Automated_testing">Automated testing</h2> + +<div class="row topicpage-table"> +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Automated_testing" title="/en-US/docs/Mozilla/QA/Automated_testing">Automated testing at Mozilla</a></dt> + <dd>Documentation about creating and using automated tests for Mozilla code.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Running_automated_tests">Running automated tests</a></dt> + <dd> + <p>This page lists the steps required to run Mozilla's automated test suites.</p> + </dd> + <dt><a href="/en-US/docs/Mozilla/QA/Developing_tests" title="en-US/docs/Developing_Tests">Developing tests</a></dt> + <dd>Ensure that future changes to Mozilla don't break things that currently work correctly.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Avoiding_intermittent_oranges" title="en-US/docs/QA/Avoiding intermittent oranges">Avoiding intermittent test failures</a></dt> + <dd>Suggestions for ways to make your tests more reliable, thereby helping to avoid random, intermittent test failures.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Test_Verification">Test Verification</a></dt> + <dd>When a changeset adds a new test, or modifies an existing test, the test verification (TV) test suite performs additional testing to help find intermittent failures in the modified test as quickly as possible.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Mozharness_FAQ">Mozharness FAQ</a></dt> + <dd>Answers to common questions about Mozharness.</dd> +</dl> +</div> + +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Robocop" title="/en-US/docs/Mozilla/QA/Robocop">Robocop</a></dt> + <dd>Robocop is the automated testing system used for Firefox for Android. Learn its <a href="/en-US/docs/Mozilla/QA/Robocop/Code_style_guidelines">code style guidelines</a></dd> + <dt><a href="/en-US/docs/Mozilla/QA/Marionette">Marionette</a></dt> + <dd>Get started with Marionette UI testing.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/web-platform-tests">web-platform-tests</a></dt> + <dd>Learn how to use the industry standard, cross-browser, cross-platform <a href="http://testthewebforward.org/docs/">Web runtime testing system</a> from the <a href="https://www.w3.org/">W3C</a> used by Mozilla and others to ensure browser interoperability.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/external-media-tests">External Media Tests</a></dt> + <dd>Get started testing HTML5-based video elements using VideoPuppeteer, a <a href="/en-US/docs/Mozilla/QA/Marionette">Marionette</a>- -based test suite used to test sites like YouTube and Netflix.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Chrome_tests">Chrome tests</a></dt> + <dd>A chrome test is basically a <a href="https://developer.mozilla.org/en-US/docs/Mochitest" title="en/Mochitest">Mochitest</a> running with chrome privileges.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Firefox_QE">Firefox QE</h2> + +<div class="row topicpage-table"> +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Triaging_Bugs_for_Firefox" title="/en-US/docs/Mozilla/QA/Triaging_Bugs_for_Firefox">Triaging Bugs for Firefox</a></dt> + <dd>Information about the entire bug triaging process – from processing incoming bugs to narrowing down the steps to reproduce a bug.</dd> +</dl> + +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Tips_and_Tricks">Tips and Tricks</a></dt> + <dd>These tips and tricks will make your life easier when you are testing.</dd> +</dl> +<a href="/en-US/docs/Downloading_Nightly_or_Trunk_Builds">Downloading Nightly or Trunk Builds</a> + +<dl> + <dd>Every 24 hours, a "nightly" build is created that testers all over the world download and test, reporting as they go along on any bugs that hit them. </dd> +</dl> +</div> + +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/Command_Line_Options">Command Line Options</a></dt> + <dd>Command line options are used to specify various startup options for Firefox.</dd> + <dt><a href="/en-US/docs/Mozilla/Performance/Reporting_a_Performance_Problem">Reporting a Performance Problem</a></dt> + <dd>This article will guide you in reporting a performance problem using the <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Performance/Profiling_with_the_Built-in_Profiler">Gecko Profiler extension</a>.</dd> + <dt><a href="/en-US/docs/Mozilla/Projects/Crash_reporting">Crash reporting</a></dt> + <dd>Firefox ships with an open-source crash reporting system.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Firefox_for_Android">Firefox for Android</h2> + +<div class="row topicpage-table"> +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Mobile_Firefox">Mobile Firefox</a></dt> + <dd>Firefox for Android is the mobile version of Firefox with a native Android look and feel.</dd> + <dt><a href="/en-US/Firefox_for_Android/Compatibility_Testing">Compatibility Testing</a></dt> + <dd>Help us identify websites that do not work well in Firefox by reporting the specific issues that you find in your investigation.</dd> +</dl> +</div> + +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Fennec_Android:_Logging_with_the_Android_Debug_and_Logcat">Logging with the Android Debug Bridge and Logcat</a></dt> + <dd>This article will provide a walkthrough in downloading and setting up an environment to which one can gain access to and view Android system logs.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Firefox_Mobile:_Enabling_the_Error_Console">Enabling the Error Console</a></dt> + <dd>See the Mozilla Hacks article on <a class="external external-icon" href="https://hacks.mozilla.org/2012/08/remote-debugging-on-firefox-for-android/">Remote Debugging on Firefox for Android</a> for web content. If you need to debug the Firefox browser itself use Android's <a class="external external-icon" href="http://developer.android.com/tools/help/logcat.html">adb logcat</a>.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Firefox_OS">Firefox OS</h2> + +<div class="row topicpage-table"> +<div class="section"> +<h3 id="Manual_testing_2">Manual testing</h3> + +<dl> + <dt><a href="/en-US/Firefox_OS/Simulator_vs_Emulator_vs_Device">Simulator vs Emulator vs Device</a></dt> + <dd>These are three basic options when it comes to getting a Firefox OS environment in order to work on, or developing for, Firefox OS.</dd> + <dt><a href="/en-US/Firefox_OS/Debugging">Debugging</a></dt> + <dd>Discover the different tools at your disposal to debug your Firefox OS code.</dd> + <dt><a href="/en-US/Firefox_OS/Developing_Firefox_OS/Filing_bugs_against_Firefox_OS">Reporting Bugs</a></dt> + <dd>This article provides a guide to filing bugs against the Firefox OS project, including Gaia and B2G.</dd> +</dl> +</div> + +<div class="section"> +<h3 id="Platform_Gecko">Platform (Gecko)</h3> + +<dl> + <dt><a href="/en-US/Firefox_OS/Platform/Automated_testing">Automated Testing</a></dt> + <dd>Learn various aspects of testing Firefox OS, including running different tests, automation, and result reporting and tracking.</dd> + <dt><a href="/en-US/Firefox_OS/Platform/Automated_testing/Gaia_performance_tests">Gaia Performance Tests</a></dt> + <dd>This article provides information about running performance tests on Gaia, as well as how to create new tests.</dd> + <dt><a href="/en-US/Firefox_OS/Platform/Feature_support_chart">Feature Support Chart</a></dt> + <dd>There are several different builds of Firefox OS you can download or build for yourself, and there are some differences between the types of features available on each device.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Web_QA">Web QA</h2> + +<div class="row topicpage-table"> +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Reducing_testcases" title="en-US/docs/Reducing testcases">Reducing testcases</a></dt> + <dd>Improve bug reports by turning broken web pages into simple testcases, which can help developers understand the bug and can also be used for creating automated tests.</dd> + <dt><a href="/en-US/docs/Mozilla/QA/Managing_Web_QA_XFails">Managing XFails</a></dt> + <dd>One of the ongoing tasks of the Web QA department is managing xfails. This document will explain what xfails are, and describe the steps one can take to investigate and update them.</dd> +</dl> +</div> + +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Mozilla/QA/Running_Web_QA_automated_tests">Running Automated Tests</a></dt> + <dd>So you’re interested in contributing to Mozilla Web QA automation projects but don’t know where to start? This doc will help you get up and running a set of tests locally.</dd> +</dl> +</div> +</div> + +<hr> +<h2 id="Glossary">Glossary</h2> + +<div class="section"> +<dl> + <dt><a href="/en-US/docs/Glossary/Smoke_Test">Smoke Test</a></dt> + <dd></dd> +</dl> +</div> + +<h2 id="See_also">See also</h2> + +<ul> + <li><a href="https://lists.mozilla.org/listinfo/dev-quality">Mailing list</a></li> + <li><a href="https://quality.mozilla.org/">Blog</a></li> + <li><a href="/en-US/docs/tag/QA" title="en-US/docs/tag/QA">View all documents tagged QA</a></li> + <li><a href="/en-US/docs/tag/QA:Tools" title="en-US/docs/tag/QA:Tools">View all documents tagged QA:Tools</a></li> +</ul> |