1. \n\n

      GCSE test<\/h1>\n
      <\/div>\n
      <\/div>\n \n\n<\/body>\n<\/html><\/pre>\n

      kami menambah dua

      <\/code> dan menggunakan kelas khas untuk mengenal pasti unsur -unsur di mana bentuk carian dan hasil harus dibentangkan. <\/p>\n

      fungsi rendering manual <\/strong> <\/p>\n

      Sekarang masukkan fail app.js anda dan tambahkan yang berikut: <\/p>\n

      var config = {\n  gcseId: '006267341911716099344:r_iziouh0nw', \/\/ 替換為您的搜索引擎ID\n  resultsUrl: 'http:\/\/localhost:8080', \/\/ 替換為您的本地服務(wù)器地址\n  searchWrapperClass: 'gcse-search-wrapper',\n  resultsWrapperClass: 'gcse-results-wrapper'\n};\n\nvar renderSearchForms = function () {\n  if (document.readyState == 'complete') {\n    queryAndRender();\n  } else {\n    google.setOnLoadCallback(function () {\n      queryAndRender();\n    }, true);\n  }\n};\n\nvar queryAndRender = function() {\n  var gsceSearchForms = document.querySelectorAll('.' + config.searchWrapperClass);\n  var gsceResults = document.querySelectorAll('.' + config.resultsWrapperClass);\n\n  if (gsceSearchForms.length > 0) {\n    renderSearch(gsceSearchForms[0]);\n  }\n  if (gsceResults.length > 0) {\n    renderResults(gsceResults[0]);\n  }\n};\n\nvar renderSearch = function (div) {\n    google.search.cse.element.render(\n      {\n        div: div.id,\n        tag: 'searchbox-only',\n        attributes: {\n          resultsUrl: config.resultsUrl\n        }\n      }\n    );\n    if (div.dataset &&\n        div.dataset.stylingFunction &&\n        window[div.dataset.stylingFunction] &&\n        typeof window[div.dataset.stylingFunction] === 'function') {\n      window[div.dataset.stylingFunction](div); \/\/ 傳遞div而不是form\n    }\n};\n\nvar renderResults = function(div) {\n  google.search.cse.element.render(\n    {\n      div: div.id,\n      tag: 'searchresults-only'\n    });\n};\n\nwindow.__gcse = {\n  parsetags: 'explicit',\n  callback: renderSearchForms\n};\n\n(function () {\n  var cx = config.gcseId;\n  var gcse = document.createElement('script');\n  gcse.type = 'text\/javascript';\n  gcse.async = true;\n  gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +\n    '\/\/cse.google.com\/cse.js?cx=' + cx;\n  var s = document.getElementsByTagName('script')[0];\n  s.parentNode.insertBefore(gcse, s);\n})();\n<\/pre>\n

      Pertama, kami mengisytiharkan beberapa pembolehubah untuk konfigurasi. Letakkan ID yang anda tulis sebelum ini ke dalam medan konfigurasi. Letakkan URL fail index.html tempatan ke dalam medan gcseId<\/code>. Di sinilah carian akan diarahkan semula selepas pengguna mengemukakan pertanyaan. Di samping itu, GCSE akan mengharapkan untuk menjadikan medan hasil pada URL yang disediakan. resultsUrl<\/code>\n<\/p>

      Pemeriksaan fungsi Jika halaman dimuatkan, dan jika ia dimuatkan, fungsi panggil balik akan bertanggungjawab untuk memberikan renderSearchForms<\/code>; Kemudian selepas dokumen dimuatkan. queryAndRender()<\/code>\n<\/p>

      Pertanyaan fungsi DOM dengan unsur -unsur kelas yang disediakan dalam konfigurasi. Jika Div Wrapper dijumpai, queryAndRender<\/code> dan renderSearch()<\/code> dipanggil masing -masing untuk menjadikan medan carian dan hasil. renderResults()<\/code>\nFungsi <\/p>

      adalah di mana sihir sebenar berlaku. renderSearch<\/code>\n<\/p> Kami menggunakan API Carian Google (lebih banyak dokumentasi di sini mengenai cara menggunakan objek

      ) untuk membuat kotak carian dan jika terdapat pertanyaan aktif (hasil) maka kotak hasil dibuat. google.search.cse.element<\/code>\nFungsi yang diberikan <\/p> menerima lebih banyak parameter daripada yang disediakan dalam contoh ini, jadi pastikan untuk menyemak dokumentasi jika penyesuaian selanjutnya diperlukan. Parameter

      sebenarnya menerima ID div yang akan kami berikan, dan parameter div<\/code> menunjukkan apa sebenarnya yang akan kami render ( hasil tag<\/code> atau carian <\/em> atau kedua -duanya atau kedua -duanya atau kedua -duanya atau kedua -duanya ). \n<\/em> Di samping itu, <\/p> mendapati atribut data elemen pembalut, dan jika atribut

      gaya renderSearch()<\/code> diberikan, ia akan mencari nama fungsi dalam skop dan memohon kepada elemen . Ini adalah peluang kami untuk gaya elemen. \n<\/em>\n<\/p> Dalam coretan kod ini, kami menetapkan pembolehubah panggil balik dalam skop global supaya GCSE boleh menggunakan pembolehubah ini secara dalaman dan melaksanakan fungsi panggil balik selepas pemuatan selesai. Ini menjadikan kaedah ini jauh lebih baik daripada menggunakan penyelesaian

      window.__gcse = {\n  parsetags: 'explicit',\n  callback: renderSearchForms\n};<\/pre> untuk mengedit pemegang tempat (atau apa -apa lagi) dari medan input. 

      \nsetTimeout()<\/code> <\/p> Run Test

      Setakat ini, kami telah memasukkan semua yang kami perlukan untuk menjadikan kotak carian dan hasilnya. Jika anda mempunyai Node.js yang dipasang, pergi ke folder di mana fail index.html dan app.js diletakkan dan jalankan arahan http-server<\/code>. Secara lalai, ini akan memberikan kandungan dalam folder pada port 8080 pada localhost. <\/p>\n

      \"Quick \n<\/p>

      Fungsi gaya <\/strong>\n<\/p> Sekarang kita akan menambah fungsi gaya tersuai ke Div Carian. Return index.html dan tambahkan atribut

      pada #searchForm<\/code> div: styling-function<\/code>\n<\/p>\n

      \n\n\n    \n    GCSE test<\/title>\n<\/head>\n<body>
      <h1><a href="http://m.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\n\n    <h1>GCSE test<\/h1>\n    <div   class="377j5v51b"   id=\"searchForm\" class=\"gcse-search-wrapper\"><\/div>\n    <div   class="377j5v51b"   id=\"searchResults\" class=\"gcse-results-wrapper\"><\/div>\n    <??>\n\n<\/body>\n<\/html><\/pre> Sekarang pergi ke app.js, di bahagian atas fail, di bawah pengisytiharan pembolehubah konfigurasi, tambahkan fungsi baru: <p>\n<\/p>\n<pre class='brush:php;toolbar:false;'>var config = {\n  gcseId: '006267341911716099344:r_iziouh0nw', \/\/ 替換為您的搜索引擎ID\n  resultsUrl: 'http:\/\/localhost:8080', \/\/ 替換為您的本地服務(wù)器地址\n  searchWrapperClass: 'gcse-search-wrapper',\n  resultsWrapperClass: 'gcse-results-wrapper'\n};\n\nvar renderSearchForms = function () {\n  if (document.readyState == 'complete') {\n    queryAndRender();\n  } else {\n    google.setOnLoadCallback(function () {\n      queryAndRender();\n    }, true);\n  }\n};\n\nvar queryAndRender = function() {\n  var gsceSearchForms = document.querySelectorAll('.' + config.searchWrapperClass);\n  var gsceResults = document.querySelectorAll('.' + config.resultsWrapperClass);\n\n  if (gsceSearchForms.length > 0) {\n    renderSearch(gsceSearchForms[0]);\n  }\n  if (gsceResults.length > 0) {\n    renderResults(gsceResults[0]);\n  }\n};\n\nvar renderSearch = function (div) {\n    google.search.cse.element.render(\n      {\n        div: div.id,\n        tag: 'searchbox-only',\n        attributes: {\n          resultsUrl: config.resultsUrl\n        }\n      }\n    );\n    if (div.dataset &&\n        div.dataset.stylingFunction &&\n        window[div.dataset.stylingFunction] &&\n        typeof window[div.dataset.stylingFunction] === 'function') {\n      window[div.dataset.stylingFunction](div); \/\/ 傳遞div而不是form\n    }\n};\n\nvar renderResults = function(div) {\n  google.search.cse.element.render(\n    {\n      div: div.id,\n      tag: 'searchresults-only'\n    });\n};\n\nwindow.__gcse = {\n  parsetags: 'explicit',\n  callback: renderSearchForms\n};\n\n(function () {\n  var cx = config.gcseId;\n  var gcse = document.createElement('script');\n  gcse.type = 'text\/javascript';\n  gcse.async = true;\n  gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +\n    '\/\/cse.google.com\/cse.js?cx=' + cx;\n  var s = document.getElementsByTagName('script')[0];\n  s.parentNode.insertBefore(gcse, s);\n})();\n<\/pre> Sekarang cuba muatkan halaman ujian sekali lagi dan anda akan melihat pemegang tempat yang betul. <p>\n<\/p> <p> <s>\n<img src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/000\/173975654190702.jpg\" alt=\"Quick Tip: How to Style Google Custom Search Manually \"> <\/s><\/p> Kesimpulan <p> <strong>\n<\/strong> Enjin carian Google Custom sangat berkesan untuk persediaan cepat carian mudah, terutamanya apabila laman web hanya HTML statik. Dengan hanya sedikit kod JavaScript, anda boleh menyesuaikan borang carian dan halaman hasil untuk memberi pengguna pengalaman yang lebih lancar. <\/p>\n<p> Adakah anda menggunakan GCSE, atau adakah anda menemui penyelesaian yang lebih baik? Sila komen di bawah! <\/p>\n<p> <\/p> Soalan Lazim Menetapkan Gaya Carian Custom Google <p> <strong>\n<\/strong> Bagaimana untuk menyesuaikan penampilan enjin carian tersuai Google? <\/p>\n<h3> Sesuaikan penampilan enjin carian Google tersuai yang melibatkan penggunaan CSS (cascading stylesheets). CSS adalah bahasa gaya yang menggambarkan penampilan dan pemformatan dokumen yang ditulis dalam HTML. Anda boleh menukar warna, fon, saiz, dan elemen lain enjin carian. Untuk melakukan ini, anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan, yang membolehkan anda menyesuaikan elemen carian. Anda kemudian boleh menambah CSS ke bahagian yang betul untuk menukar rupa enjin carian. <\/h3>\n<p> Bolehkah saya menambah carian khas Google ke laman web saya? <\/p>\n<h3> Ya, anda boleh menambah carian Google Custom ke laman web anda. Google menyediakan API JSON carian tersuai yang boleh anda gunakan untuk menghantar permintaan GET. API ini mengembalikan hasil carian dalam format JSON. Anda kemudian boleh menggunakan hasil ini untuk membuat enjin carian tersuai di laman web anda. Ini membolehkan pengguna anda mencari laman web anda atau laman web lain yang anda tentukan. <\/h3>\n<p> Bagaimana untuk melaksanakan kotak carian menggunakan carian custom Google? <\/p>\n<h3> Melaksanakan kotak carian dengan Carian Custom Google melibatkan mewujudkan ID enjin carian, yang boleh anda lakukan di laman web enjin carian yang boleh diprogramkan. Sebaik sahaja anda mempunyai ID, anda boleh menggunakan API Kawalan Elemen Carian Custom untuk membuat kotak carian. Anda kemudian boleh menyesuaikan kotak carian ini menggunakan CSS. <\/h3>\n<p> Apakah API Kawalan Elemen Carian yang boleh diprogramkan? <\/p>\n<h3> API Kawalan Elemen Carian yang boleh diprogramkan adalah satu set fungsi yang disediakan oleh Google yang membolehkan anda menyesuaikan enjin carian yang boleh diprogramkan. Ini termasuk membuat kotak carian, menyesuaikan rupa enjin carian, dan mengawal hasil carian. <\/h3>\n<h3> bagaimana untuk mengawal hasil carian dalam carian tersuai Google? <\/h3>\n<p> Anda boleh menggunakan API Kawalan Elemen Carian yang boleh diprogramkan untuk mengawal hasil carian dalam carian tersuai Google. API ini menyediakan fungsi yang membolehkan anda menentukan laman web yang anda cari, bilangan hasil yang dikembalikan, dan urutan di mana hasilnya dipaparkan. <\/p>\n<h3> Bolehkah saya menggunakan carian custom Google untuk tujuan komersial? <\/h3>\n<p> Ya, anda boleh menggunakan carian khusus Google untuk tujuan komersil. Walau bagaimanapun, anda perlu memahami syarat perkhidmatan. Sebagai contoh, anda tidak boleh menggunakan enjin carian untuk memaparkan kandungan dewasa atau mempromosikan aktiviti haram. <\/p>\n<h3> bagaimana menukar warna hasil carian dalam carian tersuai Google? <\/h3>\n<p> Anda boleh menggunakan CSS untuk menukar warna hasil carian dalam carian tersuai Google. Anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan dan menambah CSS ke bahagian yang betul. Anda boleh menukar warna teks, latar belakang, dan elemen hasil carian yang lain. <\/p>\n<h3> Bolehkah saya menggunakan Google untuk carian tersuai pada peranti mudah alih saya? <\/h3>\n<p> Ya, anda boleh menyesuaikan carian menggunakan Google pada peranti mudah alih anda. Enjin carian yang boleh diprogramkan direka untuk menjadi responsif, yang bermaksud ia akan menyesuaikan agar sesuai dengan saiz skrin peranti yang dilihatnya. Anda juga boleh menggunakan CSS untuk menyesuaikan rupa enjin carian untuk menjadikannya lebih mesra mudah alih. <\/p>\n<h3> Bagaimana untuk menambah logo dalam enjin carian Google Custom saya? <\/h3>\n<p> Anda boleh menambah logo dalam enjin carian Google Custom saya menggunakan CSS. Anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan dan menambah CSS ke bahagian yang betul. Anda kemudian boleh menambah URL imej untuk dipaparkan sebagai logo anda. <\/p>\n<h3> Bolehkah saya menggunakan google untuk carian tersuai tanpa pengetahuan pengekodan? <\/h3>\n<p> Walaupun anda boleh menggunakan Google untuk menyesuaikan carian tanpa pengetahuan pengekodan, disarankan agar anda mempunyai pemahaman tertentu tentang HTML dan CSS untuk menyesuaikan sepenuhnya enjin carian anda. Walau bagaimanapun, Google menyediakan dokumentasi dan tutorial terperinci untuk memulakan anda. <\/p>"}	</script>
      	
      <meta http-equiv="Cache-Control" content="no-transform" />
      <meta http-equiv="Cache-Control" content="no-siteapp" />
      <script>var V_PATH="/";window.onerror=function(){ return true; };</script>
      </head>
      
      <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2">
      	<link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css">
      <header>
          <div   id="377j5v51b"   class="head">
              <div   id="377j5v51b"   class="haed_left">
                  <div   id="377j5v51b"   class="haed_logo">
                      <a href="http://m.miracleart.cn/ms/" title="" class="haed_logo_a">
                          <img src="/static/imghw/logo.png" alt="" class="haed_logoimg">
                      </a>
                  </div>
                  <div   id="377j5v51b"   class="head_nav">
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a>
                          <div   class="377j5v51b"   id="dropdown-template1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a>
                                  <a href="http://m.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a>
                                  <a href="http://m.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a>
                          <div   class="377j5v51b"   id="dropdown-template1_1" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a>
                                  <a href="http://m.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a>
                          <div   class="377j5v51b"   id="dropdown-template1_2" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a>
                                  <a href="http://m.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a>
                                  <a href="http://m.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a>
                                  <a href="http://m.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a>
                                  <a href="http://m.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a>
                                  <a href="http://m.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a>
                              </div>
                          </div>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="http://m.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a>
                      </div>
      
                      <div   id="377j5v51b"   class="head_navs">
                          <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a>
                          <div   class="377j5v51b"   id="dropdown-template1_3" style="display: none;">
                              <div   id="377j5v51b"   class="languagechoose">
                                  <a href="http://m.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a>
                                  <a href="http://m.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a>
      
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
                          <div   id="377j5v51b"   class="head_search">
                      <input id="key_words"  onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value="">
                      <a href="javascript:;" title="cari"  onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a>
                  </div>
                      <div   id="377j5v51b"   class="head_right">
                  <div   id="377j5v51b"   class="haed_language">
                      <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a>
                      <div   class="377j5v51b"   id="dropdown-template" style="display: none;">
                          <div   id="377j5v51b"   class="languagechoose">
                                                      <a href="javascript:setlang('zh-cn');" title="簡體中文" class="languagechoosea">簡體中文</a>
                                                      <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a>
                                                      <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a>
                                                      <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a>
                                                      <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a>
                                                      <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a>
                                                      <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a>
                                                      <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a>
                                                  </div>
                      </div>
                  </div>
                  <span id="377j5v51b"    class="head_right_line"></span>
                                  <div style="display: block;" id="login" class="haed_login ">
                          <a href="javascript:;"  title="Login" class="haed_logina ">Login</a>
                      </div>
                      <div style="display: block;" id="reg" class="head_signup login">
                          <a href="javascript:;"  title="singup" class="head_signupa">singup</a>
                      </div>
                  
              </div>
          </div>
      </header>
      
      	
      	<main>
      		<div   id="377j5v51b"   class="Article_Details_main">
      			<div   id="377j5v51b"   class="Article_Details_main1">
      							<div   id="377j5v51b"   class="Article_Details_main1L">
      					<div   id="377j5v51b"   class="Article_Details_main1Lmain" id="Article_Details_main1Lmain">
      						<div   id="377j5v51b"   class="Article_Details_main1L1">Jadual Kandungan</div>
      						<div   id="377j5v51b"   class="Article_Details_main1L2" id="Article_Details_main1L2">
      							<!-- 左側(cè)懸浮,文章定位標題1 id="Article_Details_main1L2s_1"-->
      															<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Sesuaikan-penampilan-enjin-carian-Google-tersuai-yang-melibatkan-penggunaan-CSS-cascading-stylesheets-CSS-adalah-bahasa-gaya-yang-menggambarkan-penampilan-dan-pemformatan-dokumen-yang-ditulis-dalam-HTML-Anda-boleh-menukar-warna-fon-saiz-dan-elemen-lain-enjin-carian-Untuk-melakukan-ini-anda-perlu-mengakses-API-Kawalan-Elemen-Carian-yang-boleh-diprogramkan-yang-membolehkan-anda-menyesuaikan-elemen-carian-Anda-kemudian-boleh-menambah-CSS-ke-bahagian-yang-betul-untuk-menukar-rupa-enjin-carian" title=" Sesuaikan penampilan enjin carian Google tersuai yang melibatkan penggunaan CSS (cascading stylesheets). CSS adalah bahasa gaya yang menggambarkan penampilan dan pemformatan dokumen yang ditulis dalam HTML. Anda boleh menukar warna, fon, saiz, dan elemen lain enjin carian. Untuk melakukan ini, anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan, yang membolehkan anda menyesuaikan elemen carian. Anda kemudian boleh menambah CSS ke bahagian yang betul untuk menukar rupa enjin carian. " > Sesuaikan penampilan enjin carian Google tersuai yang melibatkan penggunaan CSS (cascading stylesheets). CSS adalah bahasa gaya yang menggambarkan penampilan dan pemformatan dokumen yang ditulis dalam HTML. Anda boleh menukar warna, fon, saiz, dan elemen lain enjin carian. Untuk melakukan ini, anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan, yang membolehkan anda menyesuaikan elemen carian. Anda kemudian boleh menambah CSS ke bahagian yang betul untuk menukar rupa enjin carian. </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Ya-anda-boleh-menambah-carian-Google-Custom-ke-laman-web-anda-Google-menyediakan-API-JSON-carian-tersuai-yang-boleh-anda-gunakan-untuk-menghantar-permintaan-GET-API-ini-mengembalikan-hasil-carian-dalam-format-JSON-Anda-kemudian-boleh-menggunakan-hasil-ini-untuk-membuat-enjin-carian-tersuai-di-laman-web-anda-Ini-membolehkan-pengguna-anda-mencari-laman-web-anda-atau-laman-web-lain-yang-anda-tentukan" title=" Ya, anda boleh menambah carian Google Custom ke laman web anda. Google menyediakan API JSON carian tersuai yang boleh anda gunakan untuk menghantar permintaan GET. API ini mengembalikan hasil carian dalam format JSON. Anda kemudian boleh menggunakan hasil ini untuk membuat enjin carian tersuai di laman web anda. Ini membolehkan pengguna anda mencari laman web anda atau laman web lain yang anda tentukan. " > Ya, anda boleh menambah carian Google Custom ke laman web anda. Google menyediakan API JSON carian tersuai yang boleh anda gunakan untuk menghantar permintaan GET. API ini mengembalikan hasil carian dalam format JSON. Anda kemudian boleh menggunakan hasil ini untuk membuat enjin carian tersuai di laman web anda. Ini membolehkan pengguna anda mencari laman web anda atau laman web lain yang anda tentukan. </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Melaksanakan-kotak-carian-dengan-Carian-Custom-Google-melibatkan-mewujudkan-ID-enjin-carian-yang-boleh-anda-lakukan-di-laman-web-enjin-carian-yang-boleh-diprogramkan-Sebaik-sahaja-anda-mempunyai-ID-anda-boleh-menggunakan-API-Kawalan-Elemen-Carian-Custom-untuk-membuat-kotak-carian-Anda-kemudian-boleh-menyesuaikan-kotak-carian-ini-menggunakan-CSS" title=" Melaksanakan kotak carian dengan Carian Custom Google melibatkan mewujudkan ID enjin carian, yang boleh anda lakukan di laman web enjin carian yang boleh diprogramkan. Sebaik sahaja anda mempunyai ID, anda boleh menggunakan API Kawalan Elemen Carian Custom untuk membuat kotak carian. Anda kemudian boleh menyesuaikan kotak carian ini menggunakan CSS. " > Melaksanakan kotak carian dengan Carian Custom Google melibatkan mewujudkan ID enjin carian, yang boleh anda lakukan di laman web enjin carian yang boleh diprogramkan. Sebaik sahaja anda mempunyai ID, anda boleh menggunakan API Kawalan Elemen Carian Custom untuk membuat kotak carian. Anda kemudian boleh menyesuaikan kotak carian ini menggunakan CSS. </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#API-Kawalan-Elemen-Carian-yang-boleh-diprogramkan-adalah-satu-set-fungsi-yang-disediakan-oleh-Google-yang-membolehkan-anda-menyesuaikan-enjin-carian-yang-boleh-diprogramkan-Ini-termasuk-membuat-kotak-carian-menyesuaikan-rupa-enjin-carian-dan-mengawal-hasil-carian" title=" API Kawalan Elemen Carian yang boleh diprogramkan adalah satu set fungsi yang disediakan oleh Google yang membolehkan anda menyesuaikan enjin carian yang boleh diprogramkan. Ini termasuk membuat kotak carian, menyesuaikan rupa enjin carian, dan mengawal hasil carian. " > API Kawalan Elemen Carian yang boleh diprogramkan adalah satu set fungsi yang disediakan oleh Google yang membolehkan anda menyesuaikan enjin carian yang boleh diprogramkan. Ini termasuk membuat kotak carian, menyesuaikan rupa enjin carian, dan mengawal hasil carian. </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#bagaimana-untuk-mengawal-hasil-carian-dalam-carian-tersuai-Google" title=" bagaimana untuk mengawal hasil carian dalam carian tersuai Google? " > bagaimana untuk mengawal hasil carian dalam carian tersuai Google? </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Bolehkah-saya-menggunakan-carian-custom-Google-untuk-tujuan-komersial" title=" Bolehkah saya menggunakan carian custom Google untuk tujuan komersial? " > Bolehkah saya menggunakan carian custom Google untuk tujuan komersial? </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#bagaimana-menukar-warna-hasil-carian-dalam-carian-tersuai-Google" title=" bagaimana menukar warna hasil carian dalam carian tersuai Google? " > bagaimana menukar warna hasil carian dalam carian tersuai Google? </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Bolehkah-saya-menggunakan-Google-untuk-carian-tersuai-pada-peranti-mudah-alih-saya" title=" Bolehkah saya menggunakan Google untuk carian tersuai pada peranti mudah alih saya? " > Bolehkah saya menggunakan Google untuk carian tersuai pada peranti mudah alih saya? </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Bagaimana-untuk-menambah-logo-dalam-enjin-carian-Google-Custom-saya" title=" Bagaimana untuk menambah logo dalam enjin carian Google Custom saya? " > Bagaimana untuk menambah logo dalam enjin carian Google Custom saya? </a>
      								</div>
      																<div   id="377j5v51b"   class="Article_Details_main1L2s ">
      									<a href="#Bolehkah-saya-menggunakan-google-untuk-carian-tersuai-tanpa-pengetahuan-pengekodan" title=" Bolehkah saya menggunakan google untuk carian tersuai tanpa pengetahuan pengekodan? " > Bolehkah saya menggunakan google untuk carian tersuai tanpa pengetahuan pengekodan? </a>
      								</div>
      														</div>
      					</div>
      				</div>
      							<div   id="377j5v51b"   class="Article_Details_main1M">
      					<div   id="377j5v51b"   class="phpgenera_Details_mainL1">
      						<a href="http://m.miracleart.cn/ms/" title="Rumah"
      							class="phpgenera_Details_mainL1a">Rumah</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://m.miracleart.cn/ms/web-designer.html"
      							class="phpgenera_Details_mainL1a">hujung hadapan web</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      												<a href="http://m.miracleart.cn/ms/js-tutorial.html"
      							class="phpgenera_Details_mainL1a">tutorial js</a>
      						<img src="/static/imghw/top_right.png" alt="" />
      						<span>Petua Pantas: Cara Menggayakan Carian Custom Google secara manual</span>
      					</div>
      					
      					<div   id="377j5v51b"   class="Articlelist_txts">
      						<div   id="377j5v51b"   class="Articlelist_txts_info">
      							<h1 class="Articlelist_txts_title">Petua Pantas: Cara Menggayakan Carian Custom Google secara manual</h1>
      							<div   id="377j5v51b"   class="Articlelist_txts_info_head">
      								<div   id="377j5v51b"   class="author_info">
      									<a href="http://m.miracleart.cn/ms/member/1468494.html"  class="author_avatar">
      									<img class="lazy"  data-src="https://img.php.cn/upload/avatar/000/000/001/66ea812815a39919.png" src="/static/imghw/default1.png" alt="Jennifer Aniston">
      									</a>
      									<div   id="377j5v51b"   class="author_detail">
      																			<a href="http://m.miracleart.cn/ms/member/1468494.html" class="author_name">Jennifer Aniston</a>
                                      										</div>
      								</div>
                      			</div>
      							<span id="377j5v51b"    class="Articlelist_txts_time">Feb 17, 2025 am	 09:42 AM</span>
      														
      						</div>
      					</div>
      					<hr />
      					<div   id="377j5v51b"   class="article_main php-article">
      						<div   id="377j5v51b"   class="article-list-left detail-content-wrap content">
      						<ins class="adsbygoogle"
      							style="display:block; text-align:center;"
      							data-ad-layout="in-article"
      							data-ad-format="fluid"
      							data-ad-client="ca-pub-5902227090019525"
      							data-ad-slot="3461856641">
      						</ins>
      						
      
      					<p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173975653790720.jpg" class="lazy" alt="Quick Tip: How to Style Google Custom Search Manually "> <s>
      </s></p> <p> mata teras <strong> </strong>
      </p>
      <ul> Dengan bentuk carian secara manual (tanpa perlu menggunakan tag GCSE khas), anda boleh gaya secara manual Google Custom Search Engine (GCSE), dengan itu memberi anda kawalan yang lebih baik ke atas medan input carian dan menjadikannya kelihatan lebih mudah. <li>
      </li> fungsi panggil balik GCSE memastikan bahawa input dimuatkan sebelum menukar sifat input. Kaedah ini lebih dipercayai daripada menggunakan kaedah <li>. <code>setTimeout</code>
      </li> API Carian Google boleh digunakan untuk membuat kotak carian dan kotak hasil. Jika pertanyaan aktif wujud, kotak hasil juga dibuat. Penyesuaian lain boleh dicapai dengan melihat dokumen tersebut. <li>
      </li> Fungsi gaya tersuai boleh ditambah ke Div Carian untuk penyesuaian selanjutnya. Fungsi ini boleh digunakan untuk menukar ruang letak, memadam latar belakang, dan menambah peristiwa yang membuang latar belakang apabila tidak fokus. <li>
      </li>
      </ul> Artikel ini dikaji semula oleh Mark Brown. Terima kasih kepada semua pengulas rakan sebaya di SitePoint untuk mendapatkan kandungan SitePoint dengan sebaik -baiknya! <p>
      </p> Pemilik laman web sering memilih untuk menggunakan Google Custom Search Engine (GCSE) untuk mencari kandungan mereka dan bukannya menggunakan ciri carian terbina dalam dan/atau tersuai. Alasannya adalah mudah - lebih kurang kerja dan dalam kebanyakan kes ia dapat mencapai tujuan. Jika anda tidak memerlukan penapis lanjutan atau parameter carian tersuai, GCSE adalah untuk anda. <p>
      </p> Dalam hujung cepat ini, saya akan menunjukkan kepada anda bagaimana untuk membuat borang carian secara manual (tidak perlu menggunakan tag GCSE khas) dan kotak hasil, yang membolehkan kawalan yang lebih baik dan kaedah penetapan gaya medan input carian yang bersih. <p>
      <em> </em> Soalan </p> <p>
      <strong> Biasanya, menambahkan GCSE ke laman web anda semudah skrip salinan dan tag HTML tersuai ke laman web anda. Di mana anda meletakkan tag GCSE khas, medan carian input akan diberikan. Taipkan dan mula carian dari medan ini akan melakukan carian Google berdasarkan parameter yang dikonfigurasikan sebelumnya (contohnya, cari hanya sitepoint.com). </strong>
      </p> Soalan umum ialah "Bagaimana Mengubah Pemegang Sedang untuk Medan Input GCSE?". Malangnya, jawapan yang dicadangkan biasanya salah, kerana ia menggunakan kaedah <p> yang tidak boleh dipercayai untuk menunggu panggilan Ajax GCSE untuk disiapkan (pastikan input dilampirkan ke DOM), dan kemudian ubah sifat melalui JavaScript. </p>
      <p> Kami juga akan menanyakan elemen dan menukar atribut menggunakan JS, tetapi kami akan menggunakan fungsi panggil balik yang disediakan oleh GCSE dan bukannya menggunakan secara membabi buta <code>setTimeout</code>, yang akan memastikan bahawa input dimuatkan. </p>
      <p> <code>setTimeout()</code> Buat akaun GCSE </p> <p>
      <strong> Enjin carian dikonfigurasi sepenuhnya dalam talian. Langkah pertama ialah pergi ke laman web GCSE dan klik Tambah. Ikuti wizard untuk mengisi nama domain yang ingin anda cari (biasanya URL laman web anda). Sekarang anda boleh mengabaikan sebarang tetapan lanjutan. </strong>
      </p> Selepas mengklik "Selesai", anda akan melihat tiga pilihan: <p></p>
      <ol>
      <li> "Dapatkan Kod", yang akan membimbing anda melalui apa yang anda perlu salin dan di mana untuk meletakkannya supaya carian akan muncul di laman web anda </li>
      <li> "URL awam" akan menunjukkan kepada anda pratonton kerja carian set </li>
      <li> "Panel Kawalan" digunakan untuk menyesuaikan carian </li>
      </ol>
      <p> pergi ke panel kawalan, klik ID enjin carian, dan perhatikan nilai ini untuk kegunaan kemudian. </p>
      <p> <strong> Tetapan html </strong> </p>
      <p> Untuk mencubanya, kami akan membuat index.html asas dengan HTML yang diperlukan, serta fail app.js yang mengandungi fungsi yang diperlukan untuk rendering dan carian tersuai. </p>
      <p> terus membuat fail HTML asas dengan: </p>
      <pre class='brush:php;toolbar:false;'><!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>GCSE test</title>
      </head>
      <body>
      
          <h1>GCSE test</h1>
          <div id="searchForm" class="gcse-search-wrapper"></div>
          <div id="searchResults" class="gcse-results-wrapper"></div>
          <??>
      
      </body>
      </html></pre>
      <p> kami menambah dua <code><div></code> dan menggunakan kelas khas untuk mengenal pasti unsur -unsur di mana bentuk carian dan hasil harus dibentangkan. </p>
      <p> <strong> fungsi rendering manual </strong> </p>
      <p> Sekarang masukkan fail app.js anda dan tambahkan yang berikut: </p>
      <pre class='brush:php;toolbar:false;'>var config = {
        gcseId: '006267341911716099344:r_iziouh0nw', // 替換為您的搜索引擎ID
        resultsUrl: 'http://localhost:8080', // 替換為您的本地服務(wù)器地址
        searchWrapperClass: 'gcse-search-wrapper',
        resultsWrapperClass: 'gcse-results-wrapper'
      };
      
      var renderSearchForms = function () {
        if (document.readyState == 'complete') {
          queryAndRender();
        } else {
          google.setOnLoadCallback(function () {
            queryAndRender();
          }, true);
        }
      };
      
      var queryAndRender = function() {
        var gsceSearchForms = document.querySelectorAll('.' + config.searchWrapperClass);
        var gsceResults = document.querySelectorAll('.' + config.resultsWrapperClass);
      
        if (gsceSearchForms.length > 0) {
          renderSearch(gsceSearchForms[0]);
        }
        if (gsceResults.length > 0) {
          renderResults(gsceResults[0]);
        }
      };
      
      var renderSearch = function (div) {
          google.search.cse.element.render(
            {
              div: div.id,
              tag: 'searchbox-only',
              attributes: {
                resultsUrl: config.resultsUrl
              }
            }
          );
          if (div.dataset &&
              div.dataset.stylingFunction &&
              window[div.dataset.stylingFunction] &&
              typeof window[div.dataset.stylingFunction] === 'function') {
            window[div.dataset.stylingFunction](div); // 傳遞div而不是form
          }
      };
      
      var renderResults = function(div) {
        google.search.cse.element.render(
          {
            div: div.id,
            tag: 'searchresults-only'
          });
      };
      
      window.__gcse = {
        parsetags: 'explicit',
        callback: renderSearchForms
      };
      
      (function () {
        var cx = config.gcseId;
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
          '//cse.google.com/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
      })();
      </pre>
      <p> Pertama, kami mengisytiharkan beberapa pembolehubah untuk konfigurasi. Letakkan ID yang anda tulis sebelum ini ke dalam medan konfigurasi. Letakkan URL fail index.html tempatan ke dalam medan <code>gcseId</code>. Di sinilah carian akan diarahkan semula selepas pengguna mengemukakan pertanyaan. Di samping itu, GCSE akan mengharapkan untuk menjadikan medan hasil pada URL yang disediakan. <code>resultsUrl</code>
      </p> <p> Pemeriksaan fungsi Jika halaman dimuatkan, dan jika ia dimuatkan, fungsi panggil balik akan bertanggungjawab untuk memberikan <code>renderSearchForms</code>; Kemudian selepas dokumen dimuatkan. <code>queryAndRender()</code>
      </p> <p> Pertanyaan fungsi DOM dengan unsur -unsur kelas yang disediakan dalam konfigurasi. Jika Div Wrapper dijumpai, <code>queryAndRender</code> dan <code>renderSearch()</code> dipanggil masing -masing untuk menjadikan medan carian dan hasil. <code>renderResults()</code>
      Fungsi </p> <p> adalah di mana sihir sebenar berlaku. <code>renderSearch</code>
      </p> Kami menggunakan API Carian Google (lebih banyak dokumentasi di sini mengenai cara menggunakan objek <p>) untuk membuat kotak carian dan jika terdapat pertanyaan aktif (hasil) maka kotak hasil dibuat. <code>google.search.cse.element</code>
      Fungsi yang diberikan </p> menerima lebih banyak parameter daripada yang disediakan dalam contoh ini, jadi pastikan untuk menyemak dokumentasi jika penyesuaian selanjutnya diperlukan. Parameter <p> sebenarnya menerima ID div yang akan kami berikan, dan parameter <code>div</code> menunjukkan apa sebenarnya yang akan kami render (<st> hasil <code>tag</code> atau <em> carian </em> atau kedua -duanya atau kedua -duanya atau kedua -duanya atau kedua -duanya ). <em>
      </em> Di samping itu, </p> mendapati atribut data elemen pembalut, dan jika atribut <p> gaya <code>renderSearch()</code> diberikan, ia akan mencari nama fungsi dalam skop dan memohon kepada elemen . Ini adalah peluang kami untuk gaya elemen. <em>
      </em>
      </p> Dalam coretan kod ini, kami menetapkan pembolehubah panggil balik dalam skop global supaya GCSE boleh menggunakan pembolehubah ini secara dalaman dan melaksanakan fungsi panggil balik selepas pemuatan selesai. Ini menjadikan kaedah ini jauh lebih baik daripada menggunakan penyelesaian <pre class='brush:php;toolbar:false;'>window.__gcse = {
        parsetags: 'explicit',
        callback: renderSearchForms
      };</pre> untuk mengedit pemegang tempat (atau apa -apa lagi) dari medan input. <p>
      <code>setTimeout()</code> </p> Run Test <p> <strong><p> Setakat ini, kami telah memasukkan semua yang kami perlukan untuk menjadikan kotak carian dan hasilnya. Jika anda mempunyai Node.js yang dipasang, pergi ke folder di mana fail index.html dan app.js diletakkan dan jalankan arahan <code>http-server</code>. Secara lalai, ini akan memberikan kandungan dalam folder pada port 8080 pada localhost. </p>
      <p> <img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/173975654027633.jpg"  class="lazy" alt="Quick Tip: How to Style Google Custom Search Manually " /> <s>
      </p> <p> Fungsi gaya <strong> </strong>
      </p> Sekarang kita akan menambah fungsi gaya tersuai ke Div Carian. Return index.html dan tambahkan atribut <p> pada <code>#searchForm</code> div: <code>styling-function</code>
      </p>
      <pre class='brush:php;toolbar:false;'><!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>GCSE test</title>
      </head>
      <body>
      
          <h1>GCSE test</h1>
          <div id="searchForm" class="gcse-search-wrapper"></div>
          <div id="searchResults" class="gcse-results-wrapper"></div>
          <??>
      
      </body>
      </html></pre> Sekarang pergi ke app.js, di bahagian atas fail, di bawah pengisytiharan pembolehubah konfigurasi, tambahkan fungsi baru: <p>
      </p>
      <pre class='brush:php;toolbar:false;'>var config = {
        gcseId: '006267341911716099344:r_iziouh0nw', // 替換為您的搜索引擎ID
        resultsUrl: 'http://localhost:8080', // 替換為您的本地服務(wù)器地址
        searchWrapperClass: 'gcse-search-wrapper',
        resultsWrapperClass: 'gcse-results-wrapper'
      };
      
      var renderSearchForms = function () {
        if (document.readyState == 'complete') {
          queryAndRender();
        } else {
          google.setOnLoadCallback(function () {
            queryAndRender();
          }, true);
        }
      };
      
      var queryAndRender = function() {
        var gsceSearchForms = document.querySelectorAll('.' + config.searchWrapperClass);
        var gsceResults = document.querySelectorAll('.' + config.resultsWrapperClass);
      
        if (gsceSearchForms.length > 0) {
          renderSearch(gsceSearchForms[0]);
        }
        if (gsceResults.length > 0) {
          renderResults(gsceResults[0]);
        }
      };
      
      var renderSearch = function (div) {
          google.search.cse.element.render(
            {
              div: div.id,
              tag: 'searchbox-only',
              attributes: {
                resultsUrl: config.resultsUrl
              }
            }
          );
          if (div.dataset &&
              div.dataset.stylingFunction &&
              window[div.dataset.stylingFunction] &&
              typeof window[div.dataset.stylingFunction] === 'function') {
            window[div.dataset.stylingFunction](div); // 傳遞div而不是form
          }
      };
      
      var renderResults = function(div) {
        google.search.cse.element.render(
          {
            div: div.id,
            tag: 'searchresults-only'
          });
      };
      
      window.__gcse = {
        parsetags: 'explicit',
        callback: renderSearchForms
      };
      
      (function () {
        var cx = config.gcseId;
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
          '//cse.google.com/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
      })();
      </pre> Sekarang cuba muatkan halaman ujian sekali lagi dan anda akan melihat pemegang tempat yang betul. <p>
      </p> <p> <s>
      <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173975654190702.jpg" class="lazy" alt="Quick Tip: How to Style Google Custom Search Manually "> </s></p> Kesimpulan <p> <strong>
      </strong> Enjin carian Google Custom sangat berkesan untuk persediaan cepat carian mudah, terutamanya apabila laman web hanya HTML statik. Dengan hanya sedikit kod JavaScript, anda boleh menyesuaikan borang carian dan halaman hasil untuk memberi pengguna pengalaman yang lebih lancar. </p>
      <p> Adakah anda menggunakan GCSE, atau adakah anda menemui penyelesaian yang lebih baik? Sila komen di bawah! </p>
      <p> </p> Soalan Lazim Menetapkan Gaya Carian Custom Google <p> <strong>
      </strong> Bagaimana untuk menyesuaikan penampilan enjin carian tersuai Google? </p>
      <h3 id="Sesuaikan-penampilan-enjin-carian-Google-tersuai-yang-melibatkan-penggunaan-CSS-cascading-stylesheets-CSS-adalah-bahasa-gaya-yang-menggambarkan-penampilan-dan-pemformatan-dokumen-yang-ditulis-dalam-HTML-Anda-boleh-menukar-warna-fon-saiz-dan-elemen-lain-enjin-carian-Untuk-melakukan-ini-anda-perlu-mengakses-API-Kawalan-Elemen-Carian-yang-boleh-diprogramkan-yang-membolehkan-anda-menyesuaikan-elemen-carian-Anda-kemudian-boleh-menambah-CSS-ke-bahagian-yang-betul-untuk-menukar-rupa-enjin-carian"> Sesuaikan penampilan enjin carian Google tersuai yang melibatkan penggunaan CSS (cascading stylesheets). CSS adalah bahasa gaya yang menggambarkan penampilan dan pemformatan dokumen yang ditulis dalam HTML. Anda boleh menukar warna, fon, saiz, dan elemen lain enjin carian. Untuk melakukan ini, anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan, yang membolehkan anda menyesuaikan elemen carian. Anda kemudian boleh menambah CSS ke bahagian yang betul untuk menukar rupa enjin carian. </h3>
      <p> Bolehkah saya menambah carian khas Google ke laman web saya? </p>
      <h3 id="Ya-anda-boleh-menambah-carian-Google-Custom-ke-laman-web-anda-Google-menyediakan-API-JSON-carian-tersuai-yang-boleh-anda-gunakan-untuk-menghantar-permintaan-GET-API-ini-mengembalikan-hasil-carian-dalam-format-JSON-Anda-kemudian-boleh-menggunakan-hasil-ini-untuk-membuat-enjin-carian-tersuai-di-laman-web-anda-Ini-membolehkan-pengguna-anda-mencari-laman-web-anda-atau-laman-web-lain-yang-anda-tentukan"> Ya, anda boleh menambah carian Google Custom ke laman web anda. Google menyediakan API JSON carian tersuai yang boleh anda gunakan untuk menghantar permintaan GET. API ini mengembalikan hasil carian dalam format JSON. Anda kemudian boleh menggunakan hasil ini untuk membuat enjin carian tersuai di laman web anda. Ini membolehkan pengguna anda mencari laman web anda atau laman web lain yang anda tentukan. </h3>
      <p> Bagaimana untuk melaksanakan kotak carian menggunakan carian custom Google? </p>
      <h3 id="Melaksanakan-kotak-carian-dengan-Carian-Custom-Google-melibatkan-mewujudkan-ID-enjin-carian-yang-boleh-anda-lakukan-di-laman-web-enjin-carian-yang-boleh-diprogramkan-Sebaik-sahaja-anda-mempunyai-ID-anda-boleh-menggunakan-API-Kawalan-Elemen-Carian-Custom-untuk-membuat-kotak-carian-Anda-kemudian-boleh-menyesuaikan-kotak-carian-ini-menggunakan-CSS"> Melaksanakan kotak carian dengan Carian Custom Google melibatkan mewujudkan ID enjin carian, yang boleh anda lakukan di laman web enjin carian yang boleh diprogramkan. Sebaik sahaja anda mempunyai ID, anda boleh menggunakan API Kawalan Elemen Carian Custom untuk membuat kotak carian. Anda kemudian boleh menyesuaikan kotak carian ini menggunakan CSS. </h3>
      <p> Apakah API Kawalan Elemen Carian yang boleh diprogramkan? </p>
      <h3 id="API-Kawalan-Elemen-Carian-yang-boleh-diprogramkan-adalah-satu-set-fungsi-yang-disediakan-oleh-Google-yang-membolehkan-anda-menyesuaikan-enjin-carian-yang-boleh-diprogramkan-Ini-termasuk-membuat-kotak-carian-menyesuaikan-rupa-enjin-carian-dan-mengawal-hasil-carian"> API Kawalan Elemen Carian yang boleh diprogramkan adalah satu set fungsi yang disediakan oleh Google yang membolehkan anda menyesuaikan enjin carian yang boleh diprogramkan. Ini termasuk membuat kotak carian, menyesuaikan rupa enjin carian, dan mengawal hasil carian. </h3>
      <h3 id="bagaimana-untuk-mengawal-hasil-carian-dalam-carian-tersuai-Google"> bagaimana untuk mengawal hasil carian dalam carian tersuai Google? </h3>
      <p> Anda boleh menggunakan API Kawalan Elemen Carian yang boleh diprogramkan untuk mengawal hasil carian dalam carian tersuai Google. API ini menyediakan fungsi yang membolehkan anda menentukan laman web yang anda cari, bilangan hasil yang dikembalikan, dan urutan di mana hasilnya dipaparkan. </p>
      <h3 id="Bolehkah-saya-menggunakan-carian-custom-Google-untuk-tujuan-komersial"> Bolehkah saya menggunakan carian custom Google untuk tujuan komersial? </h3>
      <p> Ya, anda boleh menggunakan carian khusus Google untuk tujuan komersil. Walau bagaimanapun, anda perlu memahami syarat perkhidmatan. Sebagai contoh, anda tidak boleh menggunakan enjin carian untuk memaparkan kandungan dewasa atau mempromosikan aktiviti haram. </p>
      <h3 id="bagaimana-menukar-warna-hasil-carian-dalam-carian-tersuai-Google"> bagaimana menukar warna hasil carian dalam carian tersuai Google? </h3>
      <p> Anda boleh menggunakan CSS untuk menukar warna hasil carian dalam carian tersuai Google. Anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan dan menambah CSS ke bahagian yang betul. Anda boleh menukar warna teks, latar belakang, dan elemen hasil carian yang lain. </p>
      <h3 id="Bolehkah-saya-menggunakan-Google-untuk-carian-tersuai-pada-peranti-mudah-alih-saya"> Bolehkah saya menggunakan Google untuk carian tersuai pada peranti mudah alih saya? </h3>
      <p> Ya, anda boleh menyesuaikan carian menggunakan Google pada peranti mudah alih anda. Enjin carian yang boleh diprogramkan direka untuk menjadi responsif, yang bermaksud ia akan menyesuaikan agar sesuai dengan saiz skrin peranti yang dilihatnya. Anda juga boleh menggunakan CSS untuk menyesuaikan rupa enjin carian untuk menjadikannya lebih mesra mudah alih. </p>
      <h3 id="Bagaimana-untuk-menambah-logo-dalam-enjin-carian-Google-Custom-saya"> Bagaimana untuk menambah logo dalam enjin carian Google Custom saya? </h3>
      <p> Anda boleh menambah logo dalam enjin carian Google Custom saya menggunakan CSS. Anda perlu mengakses API Kawalan Elemen Carian yang boleh diprogramkan dan menambah CSS ke bahagian yang betul. Anda kemudian boleh menambah URL imej untuk dipaparkan sebagai logo anda. </p>
      <h3 id="Bolehkah-saya-menggunakan-google-untuk-carian-tersuai-tanpa-pengetahuan-pengekodan"> Bolehkah saya menggunakan google untuk carian tersuai tanpa pengetahuan pengekodan? </h3>
      <p> Walaupun anda boleh menggunakan Google untuk menyesuaikan carian tanpa pengetahuan pengekodan, disarankan agar anda mempunyai pemahaman tertentu tentang HTML dan CSS untuk menyesuaikan sepenuhnya enjin carian anda. Walau bagaimanapun, Google menyediakan dokumentasi dan tutorial terperinci untuk memulakan anda. </p><p>Atas ialah kandungan terperinci Petua Pantas: Cara Menggayakan Carian Custom Google secara manual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
      
      
      						</div>
      					</div>
      					<div   id="377j5v51b"   class="wzconShengming_sp">
      						<div   id="377j5v51b"   class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
      						<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div>
      					</div>
      				</div>
      
      				<ins class="adsbygoogle"
           style="display:block"
           data-ad-format="autorelaxed"
           data-ad-client="ca-pub-5902227090019525"
           data-ad-slot="2507867629"></ins>
      
      
      
      				<div   id="377j5v51b"   class="AI_ToolDetails_main4sR">
      
      
      				<ins class="adsbygoogle"
              style="display:block"
              data-ad-client="ca-pub-5902227090019525"
              data-ad-slot="3653428331"
              data-ad-format="auto"
              data-full-width-responsive="true"></ins>
          
      
      
      					<!-- <div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>Artikel Panas</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 minggu yang lalu</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 minggu yang lalu</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>4 minggu yang lalu</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796829586.html" title="Connections Hitt dan Jawab 3 Julai untuk 753 untuk 753" class="phpgenera_Details_mainR4_bottom_title">Connections Hitt dan Jawab 3 Julai untuk 753 untuk 753</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 bulan yang lalu</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>4 minggu yang lalu</span>
      										<span>By 下次還敢</span>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
      							</div>
      						</div>
      					</div> -->
      
      
      											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/hottools2.png" alt="" />
      									<h2>Alat AI Hot</h2>
      								</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
      													<h3>Undress AI Tool</h3>
      												</a>
      												<p>Gambar buka pakaian secara percuma</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
      													<h3>Undresser.AI Undress</h3>
      												</a>
      												<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
      													<h3>AI Clothes Remover</h3>
      												</a>
      												<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
      													<h3>Clothoff.io</h3>
      												</a>
      												<p>Penyingkiran pakaian AI</p>
      											</div>
      										</div>
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
      													<h3>Video Face Swap</h3>
      												</a>
      												<p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p>
      											</div>
      										</div>
      																</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      									<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
      								</div>
      							</div>
      						</div>
      					
      
      
      					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>Artikel Panas</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796832397.html" title="Panduan Membina Rumput Wonder | Uma Musume Pretty Derby" class="phpgenera_Details_mainR4_bottom_title">Panduan Membina Rumput Wonder | Uma Musume Pretty Derby</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 minggu yang lalu</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796833110.html" title="<??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 Malam di Hutan - Semua Lencana Dan Cara Membuka Kunci Mereka</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>3 minggu yang lalu</span>
      										<span>By DDD</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796831605.html" title="Jadual Banner Pretty Derby Uma Musume (Julai 2025)" class="phpgenera_Details_mainR4_bottom_title">Jadual Banner Pretty Derby Uma Musume (Julai 2025)</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>4 minggu yang lalu</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796829586.html" title="Connections Hitt dan Jawab 3 Julai untuk 753 untuk 753" class="phpgenera_Details_mainR4_bottom_title">Connections Hitt dan Jawab 3 Julai untuk 753 untuk 753</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>1 bulan yang lalu</span>
      										<span>By Jack chen</span>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/1796831905.html" title="Keselamatan Windows kosong atau tidak menunjukkan pilihan" class="phpgenera_Details_mainR4_bottom_title">Keselamatan Windows kosong atau tidak menunjukkan pilihan</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<span>4 minggu yang lalu</span>
      										<span>By 下次還敢</span>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</a>
      							</div>
      						</div>
      					</div>
      
      
      											<div   id="377j5v51b"   class="phpgenera_Details_mainR3">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      								<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/hottools2.png" alt="" />
      									<h2>Alat panas</h2>
      								</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_bottom">
      																		<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
      													<h3>Notepad++7.3.1</h3>
      												</a>
      												<p>Editor kod yang mudah digunakan dan percuma</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
      													<h3>SublimeText3 versi Cina</h3>
      												</a>
      												<p>Versi Cina, sangat mudah digunakan</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
      													<h3>Hantar Studio 13.0.1</h3>
      												</a>
      												<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
      													<h3>Dreamweaver CS6</h3>
      												</a>
      												<p>Alat pembangunan web visual</p>
      											</div>
      										</div>
      																			<div   id="377j5v51b"   class="phpmain_tab2_mids_top">
      											<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
      												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
      											</a>
      											<div   id="377j5v51b"   class="phpmain_tab2_mids_info">
      												<a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
      													<h3>SublimeText3 versi Mac</h3>
      												</a>
      												<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
      											</div>
      										</div>
      																	</div>
      								<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      									<a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a>
      								</div>
      							</div>
      						</div>
      										
      
      					
      					<div   id="377j5v51b"   class="phpgenera_Details_mainR4">
      						<div   id="377j5v51b"   class="phpmain1_4R_readrank">
      							<div   id="377j5v51b"   class="phpmain1_4R_readrank_top">
      								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      									src="/static/imghw/hotarticle2.png" alt="" />
      								<h2>Topik panas</h2>
      							</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottom">
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1597</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>29</span>
      										</div>
      									</div>
      								</div>
      															<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms">
      									<a href="http://m.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
      									<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_info">
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/eyess.png" alt="" />
      											<span>1488</span>
      										</div>
      										<div   id="377j5v51b"   class="phpgenera_Details_mainR4_bottoms_infos">
      											<img src="/static/imghw/tiezi.png" alt="" />
      											<span>72</span>
      										</div>
      									</div>
      								</div>
      														</div>
      							<div   id="377j5v51b"   class="phpgenera_Details_mainR3_more">
      								<a href="http://m.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a>
      							</div>
      						</div>
      					</div>
      				</div>
      			</div>
      							<div   id="377j5v51b"   class="Article_Details_main2">
      					<div   id="377j5v51b"   class="phpgenera_Details_mainL4">
      						<div   id="377j5v51b"   class="phpmain1_2_top">
      							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
      									src="/static/imghw/index2_title2.png" alt="" /></a>
      						</div>
      						<div   id="377j5v51b"   class="phpgenera_Details_mainL4_info">
      
      													<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796829560.html" title="Bagaimanakah pengumpulan sampah berfungsi di JavaScript?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175156097152256.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimanakah pengumpulan sampah berfungsi di JavaScript?" />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796829560.html" title="Bagaimanakah pengumpulan sampah berfungsi di JavaScript?" class="phphistorical_Version2_mids_title">Bagaimanakah pengumpulan sampah berfungsi di JavaScript?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 04, 2025 am	 12:42 AM</span>
      								<p class="Articlelist_txts_p">Mekanisme pengumpulan sampah JavaScript secara automatik menguruskan memori melalui algoritma pembersihan tag untuk mengurangkan risiko kebocoran ingatan. Enjin melintasi dan menandakan objek aktif dari objek akar, dan tidak bertanda dianggap sebagai sampah dan dibersihkan. Sebagai contoh, apabila objek tidak lagi dirujuk (seperti menetapkan pembolehubah kepada null), ia akan dikeluarkan dalam pusingan seterusnya kitar semula. Punca kebocoran memori yang biasa termasuk: ① Pemasa atau pendengar peristiwa yang tidak jelas; ② Rujukan kepada pembolehubah luaran dalam penutupan; ③ Pembolehubah global terus memegang sejumlah besar data. Enjin V8 mengoptimumkan kecekapan kitar semula melalui strategi seperti kitar semula generasi, penandaan tambahan, kitar semula selari/serentak, dan mengurangkan masa menyekat benang utama. Semasa pembangunan, rujukan global yang tidak perlu harus dielakkan dan persatuan objek harus dihiasi dengan segera untuk meningkatkan prestasi dan kestabilan.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796836217.html" title="Bagaimana membuat permintaan HTTP di node.js?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175234432058757.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana membuat permintaan HTTP di node.js?" />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796836217.html" title="Bagaimana membuat permintaan HTTP di node.js?" class="phphistorical_Version2_mids_title">Bagaimana membuat permintaan HTTP di node.js?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 13, 2025 am	 02:18 AM</span>
      								<p class="Articlelist_txts_p">Terdapat tiga cara biasa untuk memulakan permintaan HTTP dalam node.js: Gunakan modul terbina dalam, axios, dan nod-fetch. 1. Gunakan modul HTTP/HTTPS terbina dalam tanpa kebergantungan, yang sesuai untuk senario asas, tetapi memerlukan pemprosesan manual jahitan data dan pemantauan ralat, seperti menggunakan https.get () untuk mendapatkan data atau menghantar permintaan pos melalui .write (); 2.AXIOS adalah perpustakaan pihak ketiga berdasarkan janji. Ia mempunyai sintaks ringkas dan fungsi yang kuat, menyokong async/menunggu, penukaran JSON automatik, pemintas, dan lain -lain. Adalah disyorkan untuk memudahkan operasi permintaan tak segerak; 3.Node-Fetch menyediakan gaya yang serupa dengan pengambilan penyemak imbas, berdasarkan janji dan sintaks mudah</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796836292.html" title="Jenis Data JavaScript: Rujukan primitif vs" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175234579081669.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Jenis Data JavaScript: Rujukan primitif vs" />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796836292.html" title="Jenis Data JavaScript: Rujukan primitif vs" class="phphistorical_Version2_mids_title">Jenis Data JavaScript: Rujukan primitif vs</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 13, 2025 am	 02:43 AM</span>
      								<p class="Articlelist_txts_p">Jenis data JavaScript dibahagikan kepada jenis primitif dan jenis rujukan. Jenis primitif termasuk rentetan, nombor, boolean, null, undefined, dan simbol. Nilai -nilai tidak berubah dan salinan disalin apabila memberikan nilai, jadi mereka tidak mempengaruhi satu sama lain; Jenis rujukan seperti objek, tatasusunan dan fungsi menyimpan alamat memori, dan pembolehubah menunjuk objek yang sama akan mempengaruhi satu sama lain. Typeof dan Instanceof boleh digunakan untuk menentukan jenis, tetapi memberi perhatian kepada isu -isu sejarah TypeOfNull. Memahami kedua -dua jenis perbezaan ini dapat membantu menulis kod yang lebih stabil dan boleh dipercayai.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796830657.html" title="React vs angular vs vue: Rangka kerja JS mana yang terbaik?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/431/639/175165349052637.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="React vs angular vs vue: Rangka kerja JS mana yang terbaik?" />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796830657.html" title="React vs angular vs vue: Rangka kerja JS mana yang terbaik?" class="phphistorical_Version2_mids_title">React vs angular vs vue: Rangka kerja JS mana yang terbaik?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 05, 2025 am	 02:24 AM</span>
      								<p class="Articlelist_txts_p">Rangka kerja JavaScript mana yang terbaik? Jawapannya ialah memilih yang paling sesuai mengikut keperluan anda. 1. REACT adalah fleksibel dan bebas, sesuai untuk projek sederhana dan besar yang memerlukan penyesuaian tinggi dan keupayaan seni bina pasukan; 2. Angular menyediakan penyelesaian lengkap, sesuai untuk aplikasi peringkat perusahaan dan penyelenggaraan jangka panjang; 3. Vue mudah digunakan, sesuai untuk projek kecil dan sederhana atau perkembangan pesat. Di samping itu, sama ada terdapat timbunan teknologi sedia ada, saiz pasukan, kitaran hayat projek dan sama ada SSR diperlukan juga faktor penting dalam memilih rangka kerja. Singkatnya, tidak ada kerangka terbaik, pilihan terbaik adalah yang sesuai dengan keperluan anda.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796832745.html" title="Objek Masa JavaScript, seseorang membina eactexe, laman web lebih cepat di Google Chrome, dll." class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/246/273/173914572643912.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Objek Masa JavaScript, seseorang membina eactexe, laman web lebih cepat di Google Chrome, dll." />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796832745.html" title="Objek Masa JavaScript, seseorang membina eactexe, laman web lebih cepat di Google Chrome, dll." class="phphistorical_Version2_mids_title">Objek Masa JavaScript, seseorang membina eactexe, laman web lebih cepat di Google Chrome, dll.</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 08, 2025 pm	 02:27 PM</span>
      								<p class="Articlelist_txts_p">Helo, pemaju JavaScript! Selamat datang ke berita JavaScript minggu ini! Minggu ini kami akan memberi tumpuan kepada: Pertikaian tanda dagangan Oracle dengan Deno, objek masa JavaScript baru disokong oleh pelayar, kemas kini Google Chrome, dan beberapa alat pemaju yang kuat. Mari mulakan! Pertikaian tanda dagangan Oracle dengan percubaan Deno Oracle untuk mendaftarkan tanda dagangan "JavaScript" telah menyebabkan kontroversi. Ryan Dahl, pencipta Node.js dan Deno, telah memfailkan petisyen untuk membatalkan tanda dagangan, dan dia percaya bahawa JavaScript adalah standard terbuka dan tidak boleh digunakan oleh Oracle</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796829862.html" title="Pemahaman dengan segera menggunakan Ekspresi Fungsi (Iife) dalam JavaScript" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175156814092778.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Pemahaman dengan segera menggunakan Ekspresi Fungsi (Iife) dalam JavaScript" />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796829862.html" title="Pemahaman dengan segera menggunakan Ekspresi Fungsi (Iife) dalam JavaScript" class="phphistorical_Version2_mids_title">Pemahaman dengan segera menggunakan Ekspresi Fungsi (Iife) dalam JavaScript</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 04, 2025 am	 02:42 AM</span>
      								<p class="Articlelist_txts_p">IIFE (Segera Dilanjutkan FunctionExpression) adalah ekspresi fungsi yang dilaksanakan dengan segera selepas definisi, digunakan untuk mengasingkan pembolehubah dan mengelakkan mencemarkan skop global. Ia dipanggil dengan membungkus fungsi dalam kurungan untuk menjadikannya ungkapan dan sepasang kurungan segera diikuti olehnya, seperti (fungsi () {/code/}) ();. Penggunaan terasnya termasuk: 1. Elakkan konflik berubah -ubah dan mencegah pertindihan penamaan antara skrip berganda; 2. Buat skop peribadi untuk menjadikan pembolehubah dalaman tidak kelihatan; 3. Kod modular untuk memudahkan permulaan tanpa mendedahkan terlalu banyak pembolehubah. Kaedah penulisan biasa termasuk versi yang diluluskan dengan parameter dan versi fungsi anak panah ES6, tetapi perhatikan bahawa ungkapan dan ikatan mesti digunakan.</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796832608.html" title="Mengendalikan Janji: Chaining, Pengendalian Kesalahan, dan Janji Gabungan di JavaScript" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175191360175213.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Mengendalikan Janji: Chaining, Pengendalian Kesalahan, dan Janji Gabungan di JavaScript" />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796832608.html" title="Mengendalikan Janji: Chaining, Pengendalian Kesalahan, dan Janji Gabungan di JavaScript" class="phphistorical_Version2_mids_title">Mengendalikan Janji: Chaining, Pengendalian Kesalahan, dan Janji Gabungan di JavaScript</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 08, 2025 am	 02:40 AM</span>
      								<p class="Articlelist_txts_p">Janji adalah mekanisme teras untuk mengendalikan operasi tak segerak dalam JavaScript. Memahami panggilan rantaian, pengendalian ralat dan gabungan adalah kunci untuk menguasai aplikasi mereka. 1. Panggilan rantai mengembalikan janji baru melalui .then () untuk merealisasikan persamaan proses tak segerak. Setiap .then () menerima hasil sebelumnya dan boleh mengembalikan nilai atau janji; 2. Pengendalian ralat harus menggunakan .catch () untuk menangkap pengecualian untuk mengelakkan kegagalan senyap, dan boleh mengembalikan nilai lalai dalam tangkapan untuk meneruskan proses; 3. Gabungan seperti janji.all () (berjaya hanya berjaya selepas semua kejayaan), janji.race () (penyempurnaan pertama dikembalikan) dan janji.allsettled () (menunggu semua penyelesaian)</p>
      							</div>
      														<div   id="377j5v51b"   class="phphistorical_Version2_mids">
      								<a href="http://m.miracleart.cn/ms/faq/1796832618.html" title="Apakah API cache dan bagaimana ia digunakan dengan pekerja perkhidmatan?" class="phphistorical_Version2_mids_img">
      									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
      										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/001/253/068/175191380054750.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah API cache dan bagaimana ia digunakan dengan pekerja perkhidmatan?" />
      								</a>
      								<a href="http://m.miracleart.cn/ms/faq/1796832618.html" title="Apakah API cache dan bagaimana ia digunakan dengan pekerja perkhidmatan?" class="phphistorical_Version2_mids_title">Apakah API cache dan bagaimana ia digunakan dengan pekerja perkhidmatan?</a>
      								<span id="377j5v51b"    class="Articlelist_txts_time">Jul 08, 2025 am	 02:43 AM</span>
      								<p class="Articlelist_txts_p">CACHEAPI adalah alat yang disediakan oleh penyemak imbas kepada permintaan rangkaian cache, yang sering digunakan bersempena dengan ServiceWorker untuk meningkatkan prestasi laman web dan pengalaman luar talian. 1. Ia membolehkan pemaju menyimpan sumber secara manual seperti skrip, helaian gaya, gambar, dan lain -lain; 2. Ia boleh memadankan tindak balas cache mengikut permintaan; 3. Ia menyokong memotong cache tertentu atau membersihkan seluruh cache; 4. Ia boleh melaksanakan keutamaan cache atau strategi keutamaan rangkaian melalui perkhidmatan pekerja yang mendengar acara mengambil; 5. Ia sering digunakan untuk sokongan luar talian, mempercepat kelajuan akses berulang, sumber utama dan kandungan kemas kini latar belakang; 6. Apabila menggunakannya, anda perlu memberi perhatian kepada kawalan versi cache, sekatan penyimpanan dan perbezaan dari mekanisme caching HTTP.</p>
      							</div>
      													</div>
      
      													<a href="http://m.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
      								<span>See all articles</span>
      								<img src="/static/imghw/down_right.png" alt="" />
      							</a>
      											</div>
      				</div>
      					</div>
      	</main>
      	<footer>
          <div   id="377j5v51b"   class="footer">
              <div   id="377j5v51b"   class="footertop">
                  <img src="/static/imghw/logo.png" alt="">
                  <p>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p>
              </div>
              <div   id="377j5v51b"   class="footermid">
                  <a href="http://m.miracleart.cn/ms/about/us.html">Tentang kita</a>
                  <a href="http://m.miracleart.cn/ms/about/disclaimer.html">Penafian</a>
                  <a href="http://m.miracleart.cn/ms/update/article_0_1.html">Sitemap</a>
              </div>
              <div   id="377j5v51b"   class="footerbottom">
                  <p>
                      ? php.cn All rights reserved
                  </p>
              </div>
          </div>
      </footer>
      
      <input type="hidden" id="verifycode" value="/captcha.html">
      
      
      
      
      		<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
      	
      	
      	
      	
      	
      
      	
      	
      
      
      
      
      
      
      <footer>
      <div class="friendship-link">
      <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p>
      <a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a>
      
      <div class="friend-links">
      
      
      </div>
      </div>
      
      </footer>
      
      
      <script>
      (function(){
          var bp = document.createElement('script');
          var curProtocol = window.location.protocol.split(':')[0];
          if (curProtocol === 'https') {
              bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
          }
          else {
              bp.src = 'http://push.zhanzhang.baidu.com/push.js';
          }
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(bp, s);
      })();
      </script>
      </body><div id="dc0gr" class="pl_css_ganrao" style="display: none;"><tbody id="dc0gr"></tbody><font id="dc0gr"><ins id="dc0gr"><output id="dc0gr"><kbd id="dc0gr"></kbd></output></ins></font><label id="dc0gr"><input id="dc0gr"></input></label><address id="dc0gr"></address><listing id="dc0gr"></listing><form id="dc0gr"></form><samp id="dc0gr"><delect id="dc0gr"><tt id="dc0gr"><b id="dc0gr"></b></tt></delect></samp><b id="dc0gr"></b><xmp id="dc0gr"></xmp><i id="dc0gr"></i><button id="dc0gr"><option id="dc0gr"><nobr id="dc0gr"></nobr></option></button><legend id="dc0gr"><rt id="dc0gr"></rt></legend><progress id="dc0gr"></progress><acronym id="dc0gr"><pre id="dc0gr"><thead id="dc0gr"><legend id="dc0gr"></legend></thead></pre></acronym><noframes id="dc0gr"></noframes><del id="dc0gr"><b id="dc0gr"><em id="dc0gr"></em></b></del><sub id="dc0gr"></sub><listing id="dc0gr"><tbody id="dc0gr"><label id="dc0gr"><style id="dc0gr"></style></label></tbody></listing><legend id="dc0gr"><xmp id="dc0gr"><thead id="dc0gr"><font id="dc0gr"></font></thead></xmp></legend><strike id="dc0gr"></strike><big id="dc0gr"><form id="dc0gr"><blockquote id="dc0gr"></blockquote></form></big><pre id="dc0gr"></pre><th id="dc0gr"></th><label id="dc0gr"></label><center id="dc0gr"></center><em id="dc0gr"></em><input id="dc0gr"></input><bdo id="dc0gr"></bdo><video id="dc0gr"><track id="dc0gr"></track></video><form id="dc0gr"><em id="dc0gr"><nav id="dc0gr"></nav></em></form><strong id="dc0gr"><i id="dc0gr"><th id="dc0gr"><rt id="dc0gr"></rt></th></i></strong><sub id="dc0gr"><center id="dc0gr"></center></sub><style id="dc0gr"></style><wbr id="dc0gr"></wbr><track id="dc0gr"><th id="dc0gr"><form id="dc0gr"><optgroup id="dc0gr"></optgroup></form></th></track><u id="dc0gr"></u><u id="dc0gr"><form id="dc0gr"><nobr id="dc0gr"><label id="dc0gr"></label></nobr></form></u><strike id="dc0gr"></strike><bdo id="dc0gr"><optgroup id="dc0gr"></optgroup></bdo><sup id="dc0gr"><progress id="dc0gr"><output id="dc0gr"></output></progress></sup><code id="dc0gr"><strong id="dc0gr"></strong></code><ruby id="dc0gr"><nobr id="dc0gr"></nobr></ruby><ins id="dc0gr"><tr id="dc0gr"></tr></ins><strike id="dc0gr"><big id="dc0gr"><center id="dc0gr"><address id="dc0gr"></address></center></big></strike><meter id="dc0gr"><menuitem id="dc0gr"></menuitem></meter><strike id="dc0gr"><big id="dc0gr"></big></strike><small id="dc0gr"></small><dd id="dc0gr"></dd><ruby id="dc0gr"></ruby><u id="dc0gr"><form id="dc0gr"><optgroup id="dc0gr"><label id="dc0gr"></label></optgroup></form></u></div>
      
      </html>