คำถามติดแท็ก google-chrome-devtools

Chrome DevTools เป็นเครื่องมือสำหรับนักพัฒนาเว็บที่สร้างขึ้นใน Google Chrome

8
ตรึงหน้าจอในแผงควบคุม debugger ของ Chrome / DevTools สำหรับการตรวจสอบป๊อปโอเวอร์หรือไม่
ฉันใช้ตัวตรวจสอบโครมเพื่อลองและวิเคราะห์z-indexป๊อปอัพบูตแบบทวิตเตอร์และพบว่ามันน่าผิดหวังอย่างมาก ... มีวิธีการตรึง popover (ในขณะที่แสดง) เพื่อให้ฉันสามารถประเมินและแก้ไข CSS ที่เกี่ยวข้องหรือไม่ การวาง 'โฮเวอร์' ที่คงที่ไว้บนลิงก์ที่เกี่ยวข้องไม่ทำให้ป๊อปโอเวอร์ปรากฏ

4
วิธีใช้ดีบักเกอร์เครือข่ายของ Chrome ด้วยการเปลี่ยนเส้นทาง
โปรแกรมดีบั๊กเครือข่าย Chrome ให้มุมมองที่ยอดเยี่ยมเกี่ยวกับทรัพยากร HTTP ทั้งหมดที่โหลดสำหรับหน้าเว็บ แต่จะล้างรายการเมื่อมีการโหลดหน้า HTML ระดับบนสุดใหม่ สิ่งนี้ทำให้ยากมากในการดีบักหน้าเว็บที่โหลดซ้ำโดยอัตโนมัติด้วยเหตุผลหนึ่งข้อหรืออีกข้อหนึ่ง (การเรียกใช้สคริปต์หรือการตอบสนอง 300 ข้อ) ฉันจะบอกให้ Chrome ไม่ล้างตัวแก้จุดบกพร่องเครือข่ายเมื่อโหลดหน้าเว็บระดับบนใหม่ได้หรือไม่ หรือฉันจะกลับไปดูทรัพยากรเครือข่ายของหน้าก่อนหน้าได้ไหม หรือฉันสามารถบังคับให้ Chrome หยุดชั่วคราวก่อนที่จะโหลดหน้าใหม่เมื่อฉันไม่ได้ควบคุมหน้าเว็บที่ฉันกำลังพยายามแก้ไขข้อบกพร่องที่กำลังเปลี่ยนเส้นทางหรือไม่ เป็นส่วนหนึ่งของการเต้นรำ OpenID ที่กำลังเกิดขึ้นดังนั้นการรวมกันของ SSL และข้อมูลประจำตัวทำให้ยากมากที่จะดีบักด้วยเครื่องมือบรรทัดคำสั่ง

17
มีวิธีในการรับ XPath ใน Google Chrome หรือไม่?
ฉันมีหน้าเว็บที่ฉันต้องการใช้กับ YQL แต่ฉันต้องการ XPath ของรายการเฉพาะ ฉันสามารถดูได้ในพื้นที่เครื่องมือแก้ปัญหาสำหรับ Google Chrome แต่ฉันไม่เห็นวิธีคัดลอก XPath นั้น มีวิธีการคัดลอก XPath แบบเต็มหรือไม่?

3
อะไรคือความแตกต่างระหว่าง "โหลดซ้ำปกติ", "โหลดซ้ำยาก" และ "ล้างข้อมูลแคชและฮาร์ดโหลดซ้ำ" ใน Chrome
ฉันเพิ่งค้นพบคุณสมบัติใหม่นี้ใน Chrome: ฉันสามารถเข้าใจความแตกต่างระหว่างตัวเลือกที่ 1 และตัวเลือกที่ 3 และตัวเลือกที่ 2 อาจเป็นสิ่งที่อยู่ในระหว่าง แต่ฉันไม่สามารถหาข้อมูลที่แม่นยำมากขึ้นได้ทุกที่ มีใครรู้พฤติกรรมที่แม่นยำของตัวเลือกทั้งสามนี้ใช่ไหม

5
== $ 0 (ศูนย์เท่ากับศูนย์ดอลลาร์) หมายความว่าอะไรในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome
ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Google Chrome เมื่อฉันเลือกองค์ประกอบฉันเห็น ==$0ถัดจากองค์ประกอบที่เลือก นั่นหมายความว่าอย่างไร?

30
อุปกรณ์ Chrome DevTools ตรวจไม่พบอุปกรณ์เมื่อเสียบปลั๊ก
ฉันไม่สามารถดูเหมือนจะได้รับ DevTools อุปกรณ์มีการทำงานบน Samsung Galaxy S4 ของฉันแม้หลังจากทำตามขั้นตอนที่ระบุไว้ที่https://developers.google.com/chrome-developer-tools/docs/remote-debugging อุปกรณ์ของฉันมี Chrome v32 และ Chrome Beta v33 ในขณะที่พีซีของฉันมี Chrome v33 และ Chrome Canary v35 เปิดใช้งานการแก้ไขข้อบกพร่อง USB บนอุปกรณ์และไดรเวอร์อุปกรณ์ของฉันแล้ว ฉันไม่เคยได้รับพรอมต์ตามที่ระบุในขั้นตอนที่ 3 จากลิงค์ด้านบนเพื่ออนุมัติลายนิ้วมือคีย์ RSA แต่อุปกรณ์เชื่อมต่อกับพีซีของฉันเพื่ออนุญาตให้ถ่ายโอนสื่อ ฉันได้เพิกถอนการอนุญาตการตรวจแก้จุดบกพร่อง USB ทั้งหมดตามลิงก์ด้านบน ฉันไม่มีอะไรพิเศษติดตั้งบนพีซีของฉันสำหรับการพัฒนา Android ซึ่งอาจเป็นปัญหา ฉันต้องการใช้คุณสมบัตินี้เพื่อตรวจสอบหน้าเว็บจากมุมมองของอุปกรณ์

5
วิธีค้นหารหัสใดถูกเรียกใช้โดยปุ่มหรือองค์ประกอบใน Chrome โดยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
ฉันใช้ Chrome และเว็บไซต์ของตัวเอง สิ่งที่ฉันรู้จากภายใน: 1 ) ฉันมีแบบฟอร์มที่มีคนลงชื่อสมัครใช้โดยคลิกที่ปุ่มรูปภาพส้ม: 2 ) ฉันตรวจสอบและนี่คือทั้งหมด: <img class="formSend" src="images/botoninscribirse2.png"> 3 ) ที่ด้านบนของซอร์สโค้ดมีซอร์สสคริปต์มากมาย ฉันรู้ว่าปุ่มใดปุ่มหนึ่งเรียกใช้เพราะฉันเขียนมัน:<script src="js/jquery2.js" type="text/javascript"></script> 4 ) ภายในไฟล์นั้นคุณสามารถค้นหา: $(".formSend").click(function() { ... });ซึ่งเป็นสิ่งที่ถูกกระตุ้นโดยปุ่ม (เพื่อทำการตรวจสอบความถูกต้องของแบบฟอร์มที่ค่อนข้างซับซ้อนและส่ง) และสิ่งที่ฉันต้องการคือการพบว่าใช้เครื่องมือ dev Chrome บนเว็บไซต์ใด ๆ ฉันจะทราบได้อย่างไรว่าองค์ประกอบนั้นเรียกที่ใด แท็บฟังไม่ทำงานสำหรับฉัน ดังนั้นฉันจึงลองดูตัวเลือกเหตุการณ์การคลิกซึ่งดูเหมือนจะปลอดภัยสำหรับฉัน แต่ ... ไม่มีjquery2.jsในนั้น (และฉันไม่รู้จริงๆเลยว่าไฟล์ใดที่เป็นรหัสดังนั้นฉันจะเสียเวลาตรวจสอบสิ่งเหล่านี้ทั้งหมด .. .) $(".formSend").click(function() { ... });ฟังก์ชั่นของฉันในjquery2.jsไฟล์ไม่ได้อยู่ที่นั่น Jesseอธิบายว่าทำไม : "ในที่สุดเหตุผลที่ฟังก์ชั่นของคุณไม่เชื่อมโยงโดยตรงกับตัวจัดการเหตุการณ์การคลิกเพราะ jQuery ส่งคืนฟังก์ชันที่ถูกผูกไว้ฟังก์ชันของ …

11
ค้นหานิยามฟังก์ชัน JavaScript ใน Chrome
เครื่องมือนักพัฒนาซอฟต์แวร์ของ Chrome สั่นคลอน แต่สิ่งหนึ่งที่พวกเขาไม่มี (ที่ฉันหาได้) เป็นวิธีหนึ่งในการค้นหาคำจำกัดความของฟังก์ชัน JavaScript มันจะมีประโยชน์มากสำหรับฉันเพราะฉันกำลังทำงานในไซต์ที่มีไฟล์ JS ภายนอกมากมาย grep แน่นอนแก้ปัญหานี้ แต่ในเบราว์เซอร์จะดีขึ้นมาก ฉันหมายความว่าเบราว์เซอร์ต้องรู้สิ่งนี้ดังนั้นทำไมไม่เปิดเผย สิ่งที่ฉันคาดไว้คือ: เลือก 'ตรวจสอบองค์ประกอบ' จากหน้าซึ่งไฮไลต์บรรทัดในแท็บองค์ประกอบ คลิกขวาที่บรรทัดแล้วเลือก 'ไปที่นิยามฟังก์ชัน' โหลดสคริปต์ที่ถูกต้องในแท็บสคริปต์แล้วข้ามไปยังข้อกำหนดฟังก์ชัน ก่อนอื่นฟังก์ชั่นนี้มีอยู่และฉันเพิ่งทำหายไปเหรอ? และถ้ามันไม่ได้ผมคาดเดานี้จะมาจาก WebKit แต่ไม่พบอะไรสำหรับนักพัฒนาเครื่องมือคำขอคุณลักษณะหรือของ WebKit Bugzilla

5
ข้อผิดพลาดของผู้ส่ง Google Chromecast หากไม่ได้ติดตั้งส่วนขยายของ Chromecast หรือไม่ระบุตัวตน
ฉันมีข้อผิดพลาดในการเรียกใช้ Chromecast ผู้ส่งใน Chrome Incognito หรือหากไม่ได้ติดตั้งส่วนขยาย Chromecast: Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://boadgeojelhgndaghljhdicfkmllpafd/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://dliochdbjfkdbacpmhlcpmleaejidimm/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://hfaagokkkhdbgiakmmlclaapfelnkoah/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://fmfcbgogabcbclcofgocippekhfcmgfj/cast_sender.js Failed to load resource: net::ERR_ADDRESS_UNREACHABLE chrome-extension://enhhojjnijigcajfphajepfemndkmdlo/cast_sender.js No cast extension found ผู้ส่ง Google cast กำลังพยายามส่งคำขอ AJAX สำหรับ "cast_sender.js" ในพื้นที่ สิ่งนี้ควรเกิดขึ้นหรือมีวิธีที่ดีกว่าในการตรวจสอบว่ามีส่วนขยายของผู้ส่ง …

5
คุณสมบัติรูปแบบไขว้ใน devtools ของ Google Chrome หมายถึงอะไร
ขณะที่ตรวจสอบองค์ประกอบโดยใช้ devtools ของ Chrome ในแท็บองค์ประกอบแถบ 'สไตล์' ทางด้านขวาจะแสดงคุณสมบัติ CSS ที่เกี่ยวข้อง บางครั้งคุณสมบัติเหล่านี้บางส่วนจะถูกขีดฆ่า คุณสมบัติเหล่านี้หมายถึงอะไร

6
ข้อผิดพลาดแปลกประหลาดในคอนโซลนักพัฒนาซอฟต์แวร์ Chrome - ไม่สามารถโหลดทรัพยากร: net :: ERR_CACHE_MISS
เท่าที่ฉันจะบอกได้ว่าข้อผิดพลาดนี้ไม่ได้เกิดขึ้นเมื่อวานนี้บน Chrome และเมื่อเช้านี้ก็เป็นเช่นนั้น ฉันไม่ได้เปลี่ยนการตั้งค่าเบราว์เซอร์ใด ๆ ฉันได้แนบภาพหน้าจอ (หลังจากเปิด / ปิดหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์สี่ครั้ง): ปัญหานี้คล้ายกับการโพสต์แบบสแต็คโอเวอร์โพลไม่สามารถโหลดทรัพยากรภายใต้ Chrome ได้ยกเว้นว่าจะเกิดขึ้นเมื่อฉัน "ตรวจสอบองค์ประกอบ" ใน Chrome นี่คือรายละเอียดฉันมี: ความสามารถที่ดีที่สุดของฉันฉันยกเลิกทุกสิ่งที่ฉันทำตั้งแต่เมื่อคืน (เมื่อฉันไม่มีข้อผิดพลาดนี้) และข้อผิดพลาดยังคงมีอยู่ เมื่อฉันลบรหัส<html> PHPล่วงหน้าทั้งหมดข้อผิดพลาดจะหายไป เมื่อฉันลบเฉพาะ<html>โค้ด PHP ทั้งหมดยกเว้น <?php session_start(); ?> ข้อผิดพลาดส่งคืน เนื่องจากข้อผิดพลาดดูเหมือนว่าจะเกี่ยวข้องกับ PHP ฉันจึงตรวจสอบบันทึกข้อผิดพลาดของฉัน แต่ไม่มีประกาศคำเตือนหรือข้อผิดพลาด เมื่อฉันปิดหน้าต่างเครื่องมือสำหรับนักพัฒนาแล้วเปิดหน้าต่างโดยไม่ต้องโหลดหน้าซ้ำจำนวนข้อผิดพลาดจะเพิ่มขึ้นทีละหนึ่งครั้ง เมื่อฉันเปิดหน้าต่างค้างไว้จากนั้นโหลดหน้าซ้ำหน้าจะโหลดซ้ำโดยไม่เกิดข้อผิดพลาด อย่างไรก็ตามทันทีที่ฉันปิดหน้าต่างเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์อีกครั้งจากนั้นเปิด (ไม่มีการโหลดหน้าเว็บซ้ำ) ข้อผิดพลาดจะถูกส่งออกไป ฉันตรวจสอบไซต์ของฉันบน Firefox ด้วยการเปิดใช้งานFirebugและไม่มีข้อผิดพลาดเกิดขึ้นทำให้ดูเหมือนปัญหา Chrome (รุ่น 38) เว็บไซต์ของฉันดูเหมือนว่าจะทำงานได้ตามปกติ ไซต์อื่น ๆ บนอุปกรณ์ที่เรียกดูผ่าน Chrome (เช่น Yahoo) …

13
เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome โดยอัตโนมัติเมื่อเปิดแท็บใหม่ / หน้าต่างใหม่
ฉันมีแอปพลิเคชั่น HTML5 ซึ่งเปิดขึ้นในหน้าต่างใหม่โดยคลิกที่ลิงก์ ฉันเหนื่อยกับการกดShift + Iทุกครั้งที่ฉันต้องการบันทึกการสื่อสารเครือข่ายเพื่อเปิดใช้งานเครื่องมือนักพัฒนาเพราะฉันต้องการมันเสมอ ฉันไม่สามารถค้นหาตัวเลือกเพื่อให้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เปิดใช้งานเสมอเมื่อเริ่มต้น มีวิธีใดบ้างที่จะเปิดเครื่องมือนักพัฒนาซอฟต์แวร์โดยอัตโนมัติเมื่อเปิดหน้าต่างใหม่ใน Chrome

5
วิธีเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ในหน้าต่างใหม่
เมื่อฉันพยายามใช้เครื่องมือสำหรับนักพัฒนาของ Chrome ดูเหมือนว่าฉันจะไม่สามารถดูได้ในหน้าต่างใหม่ นี่เป็นข้อผิดพลาดหรือเป็นการเปลี่ยนแปลงที่ตั้งใจจริง ๆ ในการอัปเดตหรือไม่ เราจะเปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ในหน้าต่างใหม่ได้อย่างไร นี่คือภาพหน้าจอของสิ่งที่ฉันพูดถึง

15
จะบังคับให้ดีบักเกอร์สคริปต์ของ Chrome โหลด javascript ได้อย่างไร
ฉันชอบความสามารถในการแก้ไขจาวาสคริปต์ในตัวแก้ไขข้อบกพร่องของ Chrome แต่ฉันพบว่าอาจเป็นปัญหาจริง ๆ ที่การดีบักเกอร์จะเรียก JavaScript จากเซิร์ฟเวอร์อีกครั้ง บางครั้งฉันต้องไปไกลแค่ปิดตัวดีบักและโหลดเฟรมทำงานอีกครั้ง - แต่เวลาอื่น ๆ (dI ไม่สามารถตรึงลงภายใต้เงื่อนไขที่เกิดขึ้น) ฉันต้องล้างแคชอินเทอร์เน็ตชั่วคราวของฉัน บางครั้งฉันสาบานว่าจะต้องปิด Chrome อย่างสมบูรณ์จากนั้นล้างแคชแล้วโหลดหน้าเว็บก่อนที่ตัวดีบักจะแสดงสคริปต์ที่ทันสมัยที่สุดให้ฉันในที่สุด (NB. ไม่มีการแคชสคริปต์โดยเว็บเซิร์ฟเวอร์) ฉันสงสัยว่าถ้าใครรู้วิธีที่ง่ายและรวดเร็วในการบอกดีบักเกอร์ให้ยกเลิกการใช้จาวาสคริปต์ทั้งหมดและทำการดึงข้อมูลใหม่ทั้งหมดบนหน้าโหลดซ้ำหรือไม่

2
อะไรคือความแตกต่างระหว่าง“ ขอข้อมูลที่รับภาระ” กับ“ ข้อมูลแบบฟอร์ม” ตามที่เห็นในแท็บเครือข่ายเครื่องมือ dev ของ Chrome
Наэтотвопросестьответына Stack Overflow нарусском : чемотличаетсяขอ Payload ® FormData в js ฉันมีเว็บแอปพลิเคชันเก่าที่ฉันต้องสนับสนุน (ซึ่งฉันไม่ได้เขียน) เมื่อฉันกรอกแบบฟอร์มและส่งจากนั้นตรวจสอบแท็บ "เครือข่าย" ใน Chrome ฉันเห็น "ขอให้บรรจุข้อมูล" ซึ่งปกติฉันจะเห็น "ข้อมูลฟอร์ม" อะไรคือความแตกต่างระหว่างทั้งสองและเมื่อหนึ่งจะถูกส่งไปแทนคนอื่น? Googled สิ่งนี้ แต่ไม่พบข้อมูลใด ๆ ที่อธิบายสิ่งนี้จริงๆ (แค่ผู้ที่พยายามรับแอพจาวาสคริปต์เพื่อส่ง "ข้อมูลฟอร์ม" แทน "ขอข้อมูล"

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.