«web-inspector» etiketlenmiş sorular

Bir web sitesi geliştirmeye çalışıyorum ve baskı görünümünde çalışmam gerekiyor. Genellikle mizanpaj sorunları olduğunda Chrome'un Element Inspector uygulamasını kullanıyorum. Ancak bu, baskı önizleme modunda mevcut değildir. Bir Chrome eklentisi veya krom içindeki görüntüleme ortamınızı değiştirmenin, bir sayfayı yazıcı gibi görüntülemenin başka bir yolu var mı? Chrome'a ​​özgü bir çözümü olmadığını …

666 google-chrome  google-chrome-devtools  web-inspector  print-preview 

Chrome'un geliştirme araçlarının Ağ sekmesinde stil sayfaları hakkındaki bilgileri görüntülerken, bir sütun hem "boyut" hem de "içerik" belirtir: Bu iki sayı arasındaki farka kimse ışık tutabilir mi? Bazı sayfalarda sayılar yakın, diğerleri ise önemli miktarda farklılık gösterir.

254 google-chrome  web-inspector 

Son zamanlarda bir web sitesi için bir baskı stil sayfası üzerinde çalışıyorum ve ince ayar yapmanın etkili yollarını kaybettiğimi fark ettim. Ekran düzeni üzerinde çalışmak için yeniden yükleme döngüsüne sahip olmak bir şeydir: kodu değiştir Komut sekme Tekrar yükle ancak yazdırmaya çalışırken tüm süreç çok daha zorlu hale gelir: kodu …

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

Bir Oluşturduğum Ionickullanarak uygulamayı es6 modules, TypeScriptve SystemJSbir modül yükleyici olarak. Bu benim kurulumum: tsconfig.json: { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html: <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script>System.import('js/app.js')</script> örnek komut dosyası (TypeScript): import {IConfig} from "./app-config"; export class ConfigLoader { ... } Chrome'da her şey harika …

121 javascript  safari  ecmascript-6  systemjs  web-inspector 

CSS ile çalışırken, genellikle bir tarayıcıda test ederim - örneğin, Chrome - bir öğeyi sağ tıklayın, Öğeyi İncele'yi tıklayın ve CSS'yi orada düzenleyin. Kenar boşluğu ve dolgu gibi şeyleri değiştirmek için ok tuşlarının kullanılması, işleri sıraya koymayı çok kolaylaştırır. O zaman bu değişiklikleri alıp CSS dosyasına uygulamak çok zor değil, …

105 css  webkit  google-chrome-extension  web-inspector 

Kodu görüntülemek için chromes web denetçisini kullanmak çok kullanışlıdır. Ancak, örneğin bir düğmenin fareyle üzerine gelme kodunu nasıl görüntülüyorsunuz? Fareyi düğmenin üzerine getirmeniz gerekecek ve bu nedenle denetçide kullanamazsınız (fare). Denetçide bunu başarmanın herhangi bir kısayolu veya başka yolu var mı?

99 css  google-chrome  google-chrome-devtools  web-inspector 

Xcode 11.3.1 sürümüne geçtikten sonra, iOS 12.1 simülatörüyle Safari web denetçisini kullanırken sorun yaşıyorum. Bir iOS 12.1 simülatör cihazının içinde bir uygulama çalıştırdığımda, Safari hata ayıklama menüsünde görünecek ve ona bağlanmama izin verecek, ancak göreceğim tek sekme Kaynaklar, Konsol ve Denetim. Simülatörün içindeki Safari tarayıcısının bir örneğine eklenen denetçinin ekran …

14 ios  xcode  ios-simulator  web-inspector  safari-web-inspector