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

เมื่อไม่นานมานี้ฉันกำลังทำงานกับสไตล์การพิมพ์สำหรับเว็บไซต์และฉันรู้ว่าฉันกำลังสูญเสียวิธีที่มีประสิทธิภาพในการปรับแต่ง เป็นสิ่งหนึ่งที่ต้องมีวงจรการรีโหลดสำหรับการทำงานบนเค้าโครงบนหน้าจอ: เปลี่ยนรหัส คำสั่งแท็บ โหลด แต่กระบวนการทั้งหมดนั้นจะยากลำบากกว่าเดิมเมื่อคุณพยายามพิมพ์: เปลี่ยนรหัส คำสั่งแท็บ โหลด พิมพ์ เหล่ที่รูปภาพตัวอย่างก่อนพิมพ์ เปิด PDF ในหน้าตัวอย่างเพื่อตรวจสอบเพิ่มเติม มีเครื่องมือที่ฉันขาดหายไปที่นี่? ผู้ตรวจสอบของ WebKit มีช่องทำเครื่องหมาย "แกล้งเป็นสื่อเพจ" หรือไม่ มีเวทมนต์ที่ Firebug ( ตัวสั่น ) ทำอะไรได้บ้าง?

238 css  printing  firebug  google-chrome-devtools  web-inspector 

ใน Firebug แท็บ DOM จะแสดงรายการตัวแปรสาธารณะและวัตถุทั้งหมดของคุณ ในคอนโซลของ Chrome คุณต้องพิมพ์ชื่อของตัวแปรสาธารณะหรือวัตถุที่คุณต้องการสำรวจ มีวิธี - หรืออย่างน้อยคำสั่ง - เพื่อให้คอนโซลของ Chrome แสดงรายการตัวแปรสาธารณะและวัตถุทั้งหมดหรือไม่ มันจะประหยัดการพิมพ์จำนวนมาก

236 javascript  google-chrome  google-chrome-devtools 

ฉันต้องการติดตามกิจกรรมเครือข่ายที่เกิดขึ้นเมื่อฉันคลิกที่ลิงก์ ปัญหาคือลิงก์เปิดแท็บใหม่และเห็นได้ชัดว่าเครื่องมือ Dev ทำงานได้ตามแท็บที่เปิดอยู่ "เก็บรักษาบันทึกการนำทาง" ไม่ช่วย วิธีแก้ปัญหาปัจจุบันของฉันคือย้ายไปที่ FireFox และ HttpFox ซึ่งไม่มีปัญหานี้ ฉันสงสัยว่านักพัฒนาซอฟต์แวร์ทั้งหมดของ Chrome จะจัดการกับสิ่งนี้ได้อย่างไรมันฟังดูค่อนข้างธรรมดา (แน่นอนฉันได้ค้นหาคำตอบแล้วไม่พบว่ามีประโยชน์อะไร)

236 google-chrome  google-chrome-devtools 

เมื่อก้าวผ่านโค้ด JavaScript ในดีบักเกอร์ Google Chrome ฉันจะยุติการทำงานของสคริปต์ได้อย่างไรหากฉันไม่ต้องการดำเนินการต่อ วิธีเดียวที่ฉันพบคือปิดหน้าต่างเบราว์เซอร์ การกด "โหลดหน้านี้ใหม่" จะเรียกใช้รหัสที่เหลือและส่งแบบฟอร์มราวกับว่ากด F8 "ดำเนินการต่อ" อัปเดต : เมื่อกด F5 (รีเฟรช) ในขณะที่สคริปต์หยุดชั่วคราว: Google Chrome (v22) เรียกใช้สคริปต์ หากสคริปต์ส่งคำขอ HTTP การตอบสนอง HTTP สำหรับคำขอนั้นจะปรากฏขึ้น หน้าเดิมไม่ได้รีเฟรช IE 9 เพิ่งหยุดทำงาน อย่างไรก็ตาม IE มีตัวเลือก "Stop Debugging" ซึ่งเมื่อกด (หากคุณไม่ได้กด F5 ก่อนหน้านี้) จะยังคงเรียกใช้สคริปต์ภายนอกตัวดีบัก Firebug ทำงานเหมือนกับ Chrome การปิดและเปิดอีกครั้งหน้าต่างเบราว์เซอร์อาจไม่ใช่วิธีที่ง่ายที่สุดต่อไปเพราะจะฆ่าสถานะเซสชันของเบราว์เซอร์และอาจมีความสำคัญ จุดพักทั้งหมดของคุณจะหายไปเช่นกัน อัปเดต (มกราคม 2014) : …

210 javascript  debugging  google-chrome-devtools 

ใน Chrome สำหรับเดสก์ท็อปฉันมีตัวเลือกในเครื่องมือ dev เพื่อปิดการใช้งานแคชอย่างสมบูรณ์เมื่อเปิดเครื่องมือ dev และฉันมีตัวเลือกในการรีโหลดแบบแมนนวลเมื่อคลิกที่ปุ่มรีโหลดนาน (ด้วยเครื่องมือ dev เปิด) มีเทคนิคดังกล่าวสำหรับ Chrome สำหรับ Android หรือไม่ ฉันไม่พบการตั้งค่าใด ๆ ฉันจะทำอย่างไรเมื่อฉันต้องการบังคับให้เบราว์เซอร์ดาวน์โหลดไฟล์จาวาสคริปต์หรือไฟล์ css แทนที่จะใช้แคชเมื่อพัฒนา?

207 google-chrome  google-chrome-devtools  chrome-for-android 

มีวิธีในการสร้างคำขอ HTTP โดยใช้เครื่องมือ Chrome Developer โดยไม่ใช้ปลั๊กอินเช่น POSTER หรือไม่?

206 google-chrome  google-chrome-devtools 

ด้วย Chrome รุ่นล่าสุดสำหรับ iOS ฉันสงสัยว่าคุณจะเปิดใช้งานการดีบักแบบรีโมทสำหรับ Chrome iOS ได้อย่างไร ปรับปรุง: ด้วยการเปิดตัว iOS 6, การแก้จุดบกพร่องระยะไกลขณะนี้คุณสามารถทำได้ด้วยSafari

199 google-chrome  google-chrome-devtools  chrome-for-ios 

จะลบเบรกพอยต์ทั้งหมดในขั้นตอนเดียวใน Google Chrome ได้อย่างไร ใช้รุ่น 11 [อัพเดต] ขณะนี้มีคำขอคุณสมบัติสำหรับสิ่งนี้ [อัพเดต] คำขอคุณสมบัติถูกปิด (ธันวาคม 2011)!

198 google-chrome  google-chrome-devtools 

เรามีปุ่ม กิจกรรมการคลิกได้รับการจัดการโดยเฟรมเวิร์กของบุคคลที่สามอย่างไรก็ตามเฟรมเวิร์กนั้นมีค่าอย่างใด เราต้องการดีบักเฟรมเวิร์กอย่างไรก็ตามเราไม่ทราบว่ารหัสตัวจัดการเหตุการณ์ที่เกี่ยวข้องอยู่ที่ใดเพื่อตั้งค่าเบรกพอยต์ โดยทั่วไปแล้ว "หยุดการคลิกเหตุการณ์ถัดไป" และดูว่ากรอบการทำงานของบุคคลที่สามจัดการการคลิกนี้ได้อย่างไรและอย่างไร

197 javascript  debugging  google-chrome  google-chrome-devtools 

ฉันเพิ่งเริ่มด้วยส่วนขยายของ Google Chrome และฉันไม่สามารถเข้าสู่คอนโซลจากพื้นหลัง js ได้ เมื่อมีข้อผิดพลาดเกิดขึ้น (ตัวอย่างเช่นเนื่องจากข้อผิดพลาดทางไวยากรณ์) ฉันไม่พบข้อความแสดงข้อผิดพลาดใด ๆ ไฟล์รายการของฉัน: { "name": "My First Extension", "version": "1.0", "manifest_version": 2, "description": "The first extension that I made.", "browser_action": { "default_icon": "icon.png" }, "background": { "scripts": ["background.js"] }, "permissions": [ "pageCapture", "tabs" ] } background.js: alert("here"); console.log("Hello, world!") เมื่อฉันโหลดส่วนขยายการแจ้งเตือนจะปรากฏขึ้น แต่ฉันไม่เห็นสิ่งใดที่ถูกบันทึกไว้ในคอนโซล ผมทำอะไรผิดหรือเปล่า?

195 debugging  google-chrome-extension  console  google-chrome-devtools 

จะบันทึกการเปลี่ยนแปลง CSS ของแผงสไตล์ของเครื่องมือนักพัฒนาซอฟต์แวร์ Google Chrome ได้อย่างไร ที่เว็บไซต์ของเครื่องมือมันบอกว่าเราสามารถเห็นการเปลี่ยนแปลงทั้งหมดในแผงทรัพยากร แต่ฉันกำลังทำงานอยู่บนไฟล์ CSS แต่การเปลี่ยนแปลงไม่แสดงในแผงทรัพยากรสำหรับฉัน คุณรู้จักโปรแกรมเสริมใดบ้างเครื่องมือในการบันทึกการเปลี่ยนแปลง css ของเครื่องมือนักพัฒนาซอฟต์แวร์ Chrome หรือไม่ ฉันรู้ว่าสำหรับ Firebug มีhttps://stackoverflow.com/search?q=firebug+CSS+changes+saveมากมาย

195 html  css  google-chrome  google-chrome-extension  google-chrome-devtools 

เป็นไปได้หรือไม่ที่จะแก้ไข JavaScript ของหน้าเว็บจากนั้นโหลดหน้าเว็บซ้ำโดยไม่โหลดไฟล์ JavaScript ที่แก้ไขใหม่ (และทำให้สูญเสียการปรับเปลี่ยน)?

195 javascript  google-chrome-devtools 

ฉันจะปลดเครื่องมือนักพัฒนาซอฟต์แวร์ Chrome ออกจาก Chrome ได้อย่างไร การกดที่มุมล่างซ้ายเพียงแค่เลื่อนไปทางด้านขวา (ที่มา: github.io )

193 google-chrome  google-chrome-devtools 

“ (โปรแกรม)” ในคอลัมน์ฟังก์ชั่นของดีบักเกอร์ Chrome คืออะไร

178 javascript  google-chrome-devtools 

ฉันมีบันทึกเครือข่ายต่อไปนี้ใน chrome: ฉันไม่เข้าใจสิ่งใดสิ่งหนึ่ง: สิ่งที่แตกต่างระหว่างแท่งสีเทาที่เติมและแท่งสีเทาใส

172 google-chrome  http  httprequest  google-chrome-devtools