Ich bin nicht sicher, ob das überhaupt sicher möglich ist. Natürlich kann sich eine Erweiterung die Bildschirmbreite anschauen oder den Referrer auswerten. Aber bei der Bildschirmbreite kann es natürlich statt eines Smartphones auch ein schmales Browserfenster auf dem Desktop sein. Und der Referrer lässt sich mit Browsererweiterungen beliebig fälschen.
Was Du aber machen kannst: Du kannst die Display-Klassen von Bootstrap verwenden, um Inhalte je nach Bildschirmbreite darzustellen oder wegzulassen.
Beispiele:
- "d-none d-lg-block" zeigt etwas nur auf einem breiten (Desktop- oder Notebook-) Display an.
- "d-block d-md-none" zeigt etwas nur auf einem Smartphone-Display an.
Damit steuere ich z.B., welche Module ich auf einem schmalen Bildschirm nicht anzeige. Das funktioniert auch mit den entsprechenden HTML-Tags (z.B. <p>, <span>) innerhalb eines Artikels.