Cara mengaktifkan tampilan inspektur halaman 3D baru di Firefox 11

25

Dengan firefox 11 ada fitur baru yang disebut inspektur halaman 3D yang ingin saya uji karena menurut saya sangat berguna.

Namun, saya tidak dapat menemukan di mana ini harus diaktifkan atau bagaimana melakukannya!

Adakah yang bisa membantu saya dengan ini? Saya menjadi gila

Fire-Dragon-DoL
sumber

Jawaban:

17

Aktifkan Inspektur Elemen menggunakan Ctrl+ Shift+ Iatau dengan mengklik item menu yang sesuai:

masukkan deskripsi gambar di sini

Sekarang, pilih elemen pada halaman (opsional):
masukkan deskripsi gambar di sini

Dengan mengklik tombol 3D, Anda akan mendapatkan tampilan 3D yang diinginkan: masukkan deskripsi gambar di sini

Tidak ada tombol "3D" / Tidak berfungsi. Apa sekarang?

Firefox menggunakan WebGL untuk tampilan 3D.

Setahu saya, fitur ini sebelumnya juga tersedia dalam bentuk add Tilt . Blog itu mengatakan:

Tersedia sebagai addon

Versi terbaru Tilt dapat ditemukan di Github, tetapi Anda juga dapat mengunduh Tilt sebagai tambahan dari addons.mozilla.org.

Untuk kompatibilitas, Tilt membutuhkan kemampuan WebGL. Pergi ke get.webgl.org untuk memeriksa ketersediaan dan memecahkan masalah apa pun. Versi saat ini bekerja dengan Firefox 6.0 hingga 10.0 Nightly rilis terbaru (build Nightly terbaru sekarang juga mendukung anti-aliasing WebGL, bekerja sangat baik dengan Tilt).

Untuk memulai Tilt, tekan Control+ Shift+ M(atau Command+ Shift+ Mjika Anda menggunakan Mac OS), atau buka Web Developer -> Tilt, tersedia di menu aplikasi Firefox (atau menu Tools di Mac OS). Anda dapat memodifikasi hotkey ini (dan properti lainnya) dari menu Opsi setelah memulai Tilt.

Der Hochstapler
sumber
Terima kasih!!! Di lokalisasi Italia agak sulit untuk memahami bahwa tampilan 3D dalam fungsi itu !!! Is beautiful
Fire-Dragon-DoL
1
Saya tidak punya tombol 3D.
janosrusiczki
@ kitsched Saya akan menganggap itu membutuhkan dukungan WebGL atau yang serupa. Anda dapat membuka pertanyaan baru dan melihat apakah ada yang tahu.
Der Hochstapler
3
Saya tidak bisa seumur hidup saya menemukan tombol 3D. Itu tidak ada! Saya telah menginstal FF11 pada tiga komputer berbeda dengan hasil yang sama persis! Yang bisa saya lihat adalah tombol HTML dan Style.
Kapten Sensible
1
Seperti yang dikatakan Oliver Salzburg, buka get.webgl.org dan lihat apa yang dikatakannya. Dalam kasus saya dikatakan bahwa WebGL dinonaktifkan pada sistem saya.
ShankarG
23

Pembaruan : Sudah dihapus dari FF 47 dan seterusnya, tetapi tersedia dalam add-on .

Tampaknya pembaruan FF mungkin menonaktifkan ini. Ikon sekarang berbeda dari tombol "3D" di jawaban lain - ini adalah ikon kubus. Klik ikon roda gigi pengaturan dan aktifkan opsi "Tampilan 3D" di Alat Pengembang "Tombol Toolbox Yang Tersedia".

Firefox 38 - kubus dan gigi di sebelah kanan:

Firefox 38

Firefox 30 - gigi di sebelah kiri:

Firefox 30

Nick Westgate
sumber
Saya mengerti bahwa posting meminta Firefox 11, tetapi kami berada di 2015, Firefox 41, dan ini adalah jawaban bagi siapa pun yang mencari di zaman modern (Menjaga jawaban FF11 tidak lagi bantuan umum dan sekarang pengguna khusus untuk niche kecil)
BillyNair
2
Sekarang ini tahun 2016, dan di Firefox 47 dan seterusnya, fitur 3D tidak lagi terintegrasi. Tetapi tersedia sebagai plugin: developer.mozilla.org/en-US/docs/Tools/3D_View
Nick Westgate
Lucu, saya hanya mencari ini lagi kemarin ... Mengapa mereka ingin menyingkirkan ini?!? Ini adalah salah satu alat pengembangan web paling berguna saat ini! Jika Anda memiliki DIV melakukan sesuatu yang aneh, ini WAY lebih mudah daripada 2D untuk melihat di mana tempatnya di DOM
BillyNair
1
Memang, sama seperti mereka menghapus grup tab. Dan plugin belum diperbarui sejak 2011, jadi siapa yang tahu apakah itu masih berfungsi atau untuk berapa lama.
Nick Westgate
2

Untuk mengaktifkan webgl di FF (mis. 11) buka alamat "about: config" di browser, masukkan "webgl" di kotak pencarian, dblklik pengaturan (atur ke True) "layers.acceleration.force-enabled"

Paman Bob
sumber
1

Tidak ada yang berhasil untuk saya kecuali ini:

  • Pergi ke about: config
  • Tetapkan webgl.force-enabledsebagai true.
  • Tetapkan webgl.msaa-forcesebagai true.
  • Tetapkan layers.acceleration.force-enabledsebagai true.
  • Tetapkan gfx.direct2d.force-enabledsebagai true.

Sumber: http://techawakening.org/firefox-11-3d-inspect-button-not-working/946/

bancer
sumber
1

Saya mempunyai masalah ketika tombol tampilan 3D muncul untuk tab yang hanya chrome (mis. about:config) Tetapi tidak dapat diakses pada tab konten normal. Pada awalnya saya berpikir bahwa driver grafis saya telah di-blacklist, tetapi mengutak-atik about:configopsi yang tercantum dalam jawaban lain di sini tidak mengubah perilaku ini.

Ternyata, pada saat menulis jawaban ini (13 Nov 2014), versi Firefox Nightly tidak menunjukkan opsi tampilan 3D pada tab konten saat dijalankan dengan Elektrolisis (e10, multi-proses) diaktifkan. Bug Mozilla 937166 melacak pekerjaan yang diperlukan untuk membuat tampilan 3D dapat dipisahkan di seluruh proses konten.

Sebagai solusinya, nonaktifkan mode multi-proses dari tab Umum di preferensi browser:

Tab 'Umum' dari jendela preferensi Firefox (Setiap Malam), menampilkan kotak centang 'Aktifkan E10S'

William Price
sumber
Ya, ini banyak membantu!
Florrie
1

Untuk mengatasinya, 3D view is not available in multiprocess FirefoxAnda harus menonaktifkan multi proses (sebelumnya dikenal sebagai Elektrolisis atau E10).

Tidak ada opsi dalam pengaturan untuk menonaktifkan Aktifkan E10 (multi proses) mulai Firefox v52.

Tetapi multi proses masih dapat dinonaktifkan about:configdengan opsi browser.tabs.remote.autostartdisetel kefalse

masukkan deskripsi gambar di sini

Setelah disetel ke false, Anda harus memulai ulang Firefox.

Anda juga dapat memeriksa apakah multi proses dinonaktifkan pada about:support

masukkan deskripsi gambar di sini

mauron85
sumber